如何使用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(); 
    }); 
});