Jquery检查重复的下拉列表值 [英] Jquery check for duplicate dropdown values

问题描述

我试图阻止用户在两个下拉菜单中使用相同的值。无论选择哪个值，Jquery都返回true。

I'm trying to do prevent a user from having the same value in two drop down menus. Jquery is returning true regardless of the values selected.

$("select[id$='go']").change(function() {
    var value = $(this);
    $("select[id$='go']").each(function() {
        if ($(this).val() === value.val()) {
            $('#work').html("DUBS");
        }
    });
});

<select id="_go">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<select id="_gogo">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<div id="work"></div>

http://jsfiddle.net/zbaKE/1/

有没有正确的方法呢？

推荐答案

您需要删除 false 上的DUBS文本，而不是测试相同的选择字段。使用 not（）来实现此目的。

You need to remove the DUBS text on false, and also not test the same select field. Use not() to achieve this.

演示： http://jsfiddle.net/zbaKE/3/

$("select[id$='go']").change(function() {
   var value = $(this).val();
   $("select[id$='go']").not(this).each(function() {
       if ($(this).val() == value) {
           $('#work').html("DUBS");
       }else{
           $("#work").html("SUBS");
       }
   });
});​

这篇关于Jquery检查重复的下拉列表值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！