检查是否选择了选项-进行多次选择

Question

我在一页上有多个选择。我需要全部检查，并检查是否选择了一个选项。

所以基本上我需要一些jquery/js来实现：如果每个select都选择了一个选项，那么。。。其他的

现在我有"

   if($('.container select').val()){
     //Do stuff
        } else {
      // Do something else 
    }

问题是：这段代码只检查页面上的第一个select，我需要全部检查！

有人能帮忙吗？

Answer 1

试试这个：

 ss = document.getElementById('multiple_select_id');
    for (var i=0; i<ss.options.length; i++) {
        if (ss.options[i].selected) {
            console.log(ss.options[i].value + " is selected");
        } else {
            console.log(ss.options[i].value + " is not selected");
        }
    } 

Answer 2

你必须抓住它们，检查它们的值，然后根据呈现的条件返回。您可以在一美元内完成此操作。每个循环：

var valid = true;

$('.container select').each(function () {
    //if (!$(this).children('option:selected').length) { // you can do this instead of this.value if you want.
    if (!this.value) {
        valid = false;
        return false; // this will cause the each loop to exit, instead of continue
    }
});

if (valid) {
    // process valid logic
}
else {
    // process invalid logic
}

Answer 3

您可以使用：

if(!$('.container option:selected[value=""]').length){
    /* All SELECT have one option selected*/
}
else {
    /* At least one SELECT has no option selected */
}

请注意，所有选项都必须定义属性值，否则内容选项将用作属性值。因此，对于默认选项，使用例如：