jquery - 从选择选项字段中获取数据并使用 Jquery 设置逗号分隔格式

Question

我有一张带有选择列表框的表格。我的要求是当我点击提交按钮时，从选择选项列表中获取当前数据并以逗号分隔格式显示值。

在这里，我附上了图像文件供您参考。

在这种情况下，我点击提交按钮，数据应显示为 { d:d,sdf:sdf,d:d }。

演示页面：演示

注意：在我的页面中，我添加button了它会<tr></tr>在我想要的时候再添加一个。所以它的动态。

感谢您的意见。

Answer 1

这是一种方法：

$("#ok").on("click", function(){
    var output = [],
        $selects = $("#s select"),
        i;
    for (i=0; i < $selects.length; i += 2)
        output.push($selects.eq(i).find("option:selected").text() + ":" +
                    $selects.eq(i+1).find("option:selected").text());

    var outputString = "{" + output.join(",") + "}";
});

演示：http: //jsfiddle.net/FH2HM/1/

也就是说，循环遍历选择，获取.text()每对中选定选项的值并将该对放入数组中。然后在循环之后将数组元素连接成一个用逗号分隔的字符串。

请注意，如果您要显示的值在选项元素的value属性中，它将使代码更简单，因为循环中的行将是：

output.push($selects.eq(i).val() + ":" + $selects.eq(i+1).val());

请注意，由于此代码循环遍历表中的所有选择，因此它将自动处理任何动态添加的行。