從選擇選項字段中獲取數據並使用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()); 

注意，因爲這個代碼遍歷表中的所有選擇都會自動處理任何動態添加的行。