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即可。这是一个有效的example。

从属多选元素

1 个答案: