Question

我有n个具有相同选项和值的下拉列表。

我想验证它，在这n个下拉列表中只能选择唯一值。 n是随机数。

示例：

我有3 ddl这些值：

<select>
<option value="apple" selected="yes"> Apple </option>
<option value="carrots"> Carrots </option>
<option value="potatoes"> Potatoes </option>
</select>

并且我想为每个下拉列表选择唯一的值，因此如果您选择苹果并尝试在另一个ddl上再次选择苹果，它会将之前的值更改为可用值或提示警报..

Answer 1

试试这个：

 $( function(){
    $('select').change( function(){
        current = $(this).val();
        unique = 0;
        $('select option:selected').each( function(){
            if ($(this).val() == current) unique++;
        });
        if (unique!=1) alert('not unique') ;
    });
});

HTML：

<select>
    <option selected="selected" value="one">one</option>
    <option value="two">two</option>
</select>


<select>
    <option value="one">one</option>
    <option selected="selected" value="two">two</option>
</select>

jquery多个下拉列表验证

1 个答案: