Jquery 检查重复的下拉值

Question

我试图防止用户在两个下拉菜单中具有相同的值。无论选择什么值，Jquery 都会返回 true。

$("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/

有正确的方法吗？

Answer 1

如果您想阻止用户从其他下拉列表中选择相同的值，您可以使用类似的内容；

var $select = $("select[id$='go']");
$select.change(function() {
    $select
      .not(this)
      .find('option')
      .prop('disabled', '')
      .filter('[value='+this.value+']')
      .prop('disabled','disabled');
});
$select.eq(0).trigger('change');

工作案例是 here ( .not() 、 .find() 、 .prop() 、 .filter() )