使用jquery / javascript将带有下拉列表的html表导出到CSV文件

Ami*_*vić 7 html javascript jquery dropdown

如标题中所述,我有一个HTML表,该表只有几列,用户必须从下拉列表中选择值。我想要做的就是能够将此表导出到CSV文件。我在网上找到了一个jquery插件,但是下拉列表有问题。它为每一行返回所有选项,而不是所选择的所有选项。我尝试解决此问题,但失败了。

jQuery插件和示例表位于jsfiddle中:

https://jsfiddle.net/bLa8pn74/

我试图插入这个:

if($(this).find('select').each(function(){
                    line.push(_quote_text($(this).find("option:selected").text()));
                }));
Run Code Online (Sandbox Code Playgroud)

但是它只打印头行。我现在应该是简单的改变,但是我无法弄清楚。

编辑:我想我的解决方案是不创建新表。

编辑2:我也尝试此代码:

if($(this).find('select')){
    line.push(_quote_text($(this).find('option:selected').text()));
            }
    line.push(_quote_text(_trim_text($(this).text())));
Run Code Online (Sandbox Code Playgroud)

它为我提供了选定的选项,但之后还提供了所有下拉选项以及多余的“”,“”,从而在其中找到一个空单元格。

如果我在第二个“ line.push”之前添加“ else”,则它仅返回所选值,其他所有内容均为空。

Ami*_*vić 4

我找到了丢失的东西。我只需要 if 条件中的“.length”。

if($(this).find('select').length){
          line.push(_quote_text($(this).find('option:selected').text()));
 }else{
       line.push(_quote_text(_trim_text($(this).text())));
       }
Run Code Online (Sandbox Code Playgroud)