如何使用Jquery获取特定ID的所有选定下拉列表值

Question

我有一个带有多个select下拉菜单的表单，这些菜单以id：包开头，由用户动态添加。 我的目标是将所有这些select下拉列表中的所有选定值放入数组中。 这是我到目前为止的代码。

$(document).ready(function() {

    arr = new Array();

    $(document).on('change', 'select[id ^="package"]', function() {
        arr.push($(this).val());
        alert(arr.join('\n')); //for testing
    });

});

目前，我要做的只是将选定的值推送到数组上，而不是为特定索引设置值。 因此，如果我继续为特定的select切换值，我将继续将值压入数组。 如何确定当前使用的选择器，以便可以在数组中获取索引以相应地修改数组？

Answer 1

这是您要找的东西吗？

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

Answer 2

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

将数组或对象中的所有项目转换为新的项目数组。

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

演示