如何使用Jquery獲取特定Id的所有選定下拉值

Question

我有一個表單，其中包含多個select下拉菜單，這些菜單以用戶動態添加的id：包開頭。我的目標是將這些select下拉列表中的所有選定值放入數組中。這是我迄今爲止的代碼。

​​

目前我所做的只是將所選值推送到數組上，而不是設置特定索引的值。因此，如果我繼續爲特定的select切換值，我會繼續將值壓入數組。我怎樣才能確定我目前在哪個選擇器中，以便我可以在數組中獲取索引以相應地修改數組？

Answer 1

你可以使用jQuery map()方法：

翻譯在數組或對象，以項目的新陣列中的所有項目。

$(document).on('change', 'select[id ^="package"]', function() { 
    var arr = $('select[id ^="package"]').map(function(){ 
     return this.id + " " + this.value 
    }) 
}); 

DEMO

Answer 2

這是你在找什麼？

$(document).on('change', 'select[id ^="package"]', function() { 
    $(this).find('option:selected').each(function(i){ 
      arr[i] = $(this).val(); 
    }); 
});