多选择列表：跨列表禁用已选中项的实现问题

嘿，我来帮你搞定这个多Select选项互斥禁用的问题！你说用Opt.prop("disabled","disabled")无效，大概率是这里的参数用错了，另外还有几个可能的坑，我给你一步步拆解：

核心问题：prop方法的参数错误 #

jQuery的prop()方法处理布尔属性（比如disabled、checked）时，应该传入布尔值true/false，而不是字符串。你之前写的"disabled"字符串是无效的，把它改成true就能生效啦！

完整实现方案 #

下面给你一套能直接用的代码，包含了重置状态、收集选中值、批量禁用的逻辑，完美适配多个Select的场景：

1. HTML结构（给所有目标Select加统一类名） #

<select class="mutual-select">
  <option value="">请选择</option>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>
<select class="mutual-select">
  <option value="">请选择</option>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>
<select class="mutual-select">
  <option value="">请选择</option>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

2. jQuery实现代码 #

// 给所有互斥Select绑定change事件
$('.mutual-select').on('change', function() {
  // 第一步：重置所有选项的禁用状态（避免之前的禁用残留）
  $('.mutual-select option').prop('disabled', false);

  // 第二步：收集所有已选中的有效选项值（排除空选择）
  const selectedVals = $('.mutual-select')
    .map(function() { return $(this).val(); })
    .get()
    .filter(val => val !== '');

  // 第三步：遍历每个Select，禁用已被其他Select选中的选项
  $('.mutual-select').each(function() {
    const currentSelected = $(this).val();
    $(this).find('option').each(function() {
      const optVal = $(this).val();
      // 条件：选项值在已选中列表里，且不是当前Select自己选中的项
      if (selectedVals.includes(optVal) && optVal !== currentSelected) {
        $(this).prop('disabled', true); // 这里用布尔值true！
      }
    });
  });
});

其他可能的坑及解决办法 #

• 动态生成的Select：如果你的Select是通过AJAX或者JS动态添加到页面的，直接绑定change事件会失效，要换成事件委托：

  $(document).on('change', '.mutual-select', function() {
    // 里面的逻辑和上面一样
  });
  

• jQuery版本过老：如果你的jQuery版本低于1.6，prop()方法还未推出，此时需要改用attr()方法：

  $(this).attr('disabled', 'disabled'); // 老版本用attr+字符串参数
  

  不过还是建议你升级到较新的稳定版jQuery，避免兼容性问题。
• Option的value属性缺失：要确保每个Option都有唯一的value属性，否则无法准确匹配到要禁用的选项。

内容的提问来源于stack exchange，提问作者Hammy89