从属多选元素

Question

我正在尝试用5个选项在HTML中创建一个多选元素

<select name="user" id="userName" multiple="multiple">
  <option>ALL</option>
  <option>ALL_2</option>
  <option>ABC</option>
  <option>XYZ</option>
  <option>PQR</option>
</select>

我想将ALL和ALL_2设为单选。 那就是我的意思是，如果与ALL（或）ALL_2一起选择了其他选项，则ALL（或）ALL_2将被取消选择）。

例如：选择ALL / ALL_2，然后选择Ctrl + ABC，应避免XYZ（或）取消选择ALL。

应避免选择ABC，XYZ，PQR，然后选择ALL / ALL_2（或），应取消选择ABC，XYZ，PQR。

我希望通过MooTools / jQuery通过遍历所有选项以选择/取消选择来做到这一点，但希望看看是否有更好的方法可以做到，因为可能有5个以上的选项。

简介：选项3-5是多选，但不应与选项1和2一起用作多选。抱歉，如果这很令人困惑，请尽我最大的努力清楚地进行交流。

Answer 1

$('#user_name optgroup option').click(function () {
    // only affects options contained within the same optgroup
    // and doesn't include this
    $(this).siblings().prop('selected', false);
});

这样的事情应该为您工作。 只需将option分组到optgroup 。 这是一个有效的例子 。