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

Question

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

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

在这种情况下我打提交按钮的数据应显示像{d：d，SDF：SDF，d：d}。

演示页：Demo

注：在我的网页我有加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()); 

注意，因为这个代码遍历表中的所有选择都会自动处理任何动态添加的行。