检查多重选择下拉列表中的重复值

Check for duplicate values in multiple select dropdown

本文关键字：下拉列表 选择 检查      更新时间：2023-09-26

我正在对多个选择下拉菜单进行验证，这是动态添加的。

JSFIDDLE 

<select id="sel_1">
    <option value="one">one</option>
</select>
<select id="sel_2">
    <option value="two">two</option>
</select>
<select id="sel_3">
    <option value="one">one</option>
</select>
<select id="sel_4">
    <option value="three">three</option>
</select>

如何验证是否选择了重复的值

您可以这样编写代码。在点击保存按钮时调用这个

function save() {
    var selects = document.getElementsByTagName('select');
    var values = [];
    for(i=0;i<selects.length;i++) {
        var select = selects[i];
        if(values.indexOf(select.value)>-1) {
            alert('duplicate exists'+select.value); break;
        }
        else 
            values.push(select.value);
    }
}

这段代码如何阻止用户提交，直到所有值都是唯一的?答:

function save() {
        var selects = document.getElementsByTagName('select');
        var values = [];
        for(i=0;i<selects.length;i++) {
            var select = selects[i];
            if(values.indexOf(select.value)>-1) {
                alert('duplicate exists'+select.value); return; //if duplicates found we are returning. without save and no need to continue.
            }
        }
    //saveform here
    }
相关文章：