javascript – 如何使用Jquery获取特定Id的所有选定下拉值

2023年7月10日 258次阅读

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

$(document).ready(function() {

    arr = new Array();

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

});

目前我正在做的是将所选值推送到数组而不是设置特定索引的值.因此,如果我继续切换特定选择的值,我将继续将值推送到数组上.如何确定我当前所在的选择器,以便我可以获取数组索引以相应地修改数组？

最佳答案 你可以使用jQuery
map()方法：

translate all items in an array or object to new array of items.

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

DEMO

点赞