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

标签 javascript jquery html 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()));
                }));

但它只打印了头行。我现在应该是简单的改变,但我就是不明白。

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

编辑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”,那么它只返回选定的值,其他所有内容都是空的。

最佳答案

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

关于javascript - 使用 jquery/javascript 将带有下拉列表的 html 表导出到 CSV 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58186816/

相关文章:

javascript - 是否有一个词同时涵盖 Null 和 Undefined?

javascript - 如何通过单击菜单项而不是悬停来打开子菜单

javascript - 右键单击网站上的链接时缺少“在新选项卡中打开链接”选项

javascript - success 函数内的 AJAX 回调

javascript - 将 Html 文本输入值获取到 Javascript 函数中

html - Google 的 Blogger 平台不显示 </> 或 </> !怎么修?

javascript - react 触发无限请求

javascript - 我的 grunt 任务如何查看 --verbose 标志是否打开?

javascript - 使用 dom 创建带有样式标签的 @font-face 不能正常工作?

html - 垂直对齐表格单元格中的文本