javascript - 使用每个选择的值填充 jquery 数组

Question

我正在尝试使用从选择中选择的值填充 Jquery 中的数组。

这是我的 jquery(没有 ajax 调用，因为我首先想在调用 ajax 将字段输入数据库之前创建数组)

$('#add-group-form').submit(function(e) {
    e.preventDefault();
    var contactsArr = [];
    $("select option").each(function(i, val){
        var $val = $(val);
        if($(i).attr('selected', 'selected')){
        contactsArr.push({value: $val.val()});
        }
    });
    console.log(contactsArr);
});

老实说，我从不同的来源获得了每一个。

不确定我如何检查属性以确保它被选中。

在此先感谢您的帮助

**编辑:

好吧，我可能忘记检查答案了，因为我因为想弄明白而分心了

我就是这样做的(经过测试并在我的系统中工作)。

var contactsArr = [];
$(".edit-contact-select option:selected").each(function() {
    contactsArr.push({value: $(this).val()});
});

我把整个事情复杂化了。

Answer 1

您不需要为“选定的”选项遍历 选项。改用这个:

$('#add-group-form').submit(function(e) {
    e.preventDefault();
    var contactsArr = [];
    $('select').each(function(){
        contactsArr.push({value: $(this).val()});
    });
    console.log(contactsArr);
});

$('select').val() 实际上返回选择输入的 SELECTED 值。

希望对您有所帮助。