javascript - 在 jQuery 中检查多选下拉列表 focusout 中是否存在数组中的值

Question

我有一个默认数组，它有一些固定值，我从中向用户显示一个多选下拉列表。所以在下拉菜单的 focusout 上，我想检查是否选择的值具有默认数组。如果缺少值，我想提醒用户

HTML

<form action="#" method="post">
    <fieldset>
        <label for="selectedItemLists">Select values:</label>
        <select id="selectedItemLists" name="selectedItemLists" multiple>
            <option val="value1" selected >value1</option>
            <option val="value2">value2</option>
            <option val="value3" selected>value3</option>
            <option val="value4">value4</option>
            <option val="value5">value5</option>
        </select>
    </fieldset>
    <fieldset>
        <input type="submit" value="submit" />
    </fieldset>
</form>

jQuery

var default_values = ["value1","value3"];

$("#selectedItemLists").live('focusout',function(){
    var new_selectedvalues = $("#selectedItemLists").val();

    //here i want to compare both the arrays and alert him that default values are missing
});

Answer 1

一个简单的嵌套 $.each 循环就可以做到:

Demo

//here i want to compare both the arrays and alert him that default values are missing
$.each(default_values, function(_, defaultVal){
    var found = false;
    $.each(new_selectedvalues, function(){
        if(this == defaultVal){
            found = true;
            return false;
        }
    });

    if(!found){
        alert("Please select the default: " + defaultVal);   
    }
});

注意:.live() 已从 jQuery 1.7 中弃用，因此应改用 .on(除非您使用的是旧版本)。