首页 > 解决方案 > 使用 jquery/javascript 将带有下拉列表的 html 表导出到 CSV 文件

问题描述

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

JQuery 插件和示例表在 jsfiddle 中:

https://jsfiddle.net/bLa8pn74/

我试图插入这个:

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

但它只打印了头排。我现在应该是简单的改变,但我就是想不通。

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

编辑 2:我也试过这段代码:

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

它给了我选择的选项,然后是所有下拉选项,以及额外的“”,“”,它会在其中找到一个空单元格。

如果我在第二个“line.push”之前添加“else”,那么它只返回选定的值,其他的都是空的。

标签: javascriptjqueryhtmldropdown

解决方案


我找到了丢失的东西。我只需要 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())));
       }

推荐阅读