Jquery - 三个选择列表，如果选择了一个值，则停用另外两个

Question

我有三个下拉选择列表，当选择其中一个列表中的值时，我希望其他两个显示为灰色且处于非事件状态。我正在尝试的每个选择列表周围都有 id 包装器，但由于我是 jquery 新手，所以我还没有走得太远。

Answer 1

这样的事情应该有效:

$(function() {
  var $selects = $('#select1, #select2, #select3');
  $selects.change(function() {
    // disabled the other two
    $selects.not(this).attr('disabled', 'disabled');
  });
});

<小时/>更新版本:

$(function() {
  var $selects = $('#select1, #select2, #select3');
  $selects.change(function() {
    // disable or enable the other two
    $selects.not(this).attr('disabled', $(this).val() === '' ? '' : 'disabled');
  });
});