0

我正在尝试使用 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 一起用作多选。抱歉，如果这令人困惑，请尽我所能清楚地传达它。

4

1 回答 1

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

像这样的东西应该适合你。只需将options 分组到optgroup. 这是一个工作示例。

于 2013-06-17T17:33:36.563 回答