jquery - 按组限制 select2 选择？

Question

有人想出一种方法来限制 select2 按组选择吗？

我希望在选择同一组中的某些内容后自动删除该组中的任何选择(实际上限制每个组只有一个选择)

我正在研究一些东西，如果在我完成之前没有人发布好的解决方案，我会将其发布在这里。

Answer 1

可以阻止在 Select2 中进行选择，因此这可以根据“组”的定义方式来完成。如果“组”是 <optgroup>在标准<select> ，只需检查 <optgroup> 中是否有其他选项即可已被选择，并基于此阻止正在进行的选择。

Select2 发出 select2:selecting进行选择时发生的事件，可以通过 calling preventDefault() on it 来阻止此事件.

$("#mySelect").on("select2:selecting", function (evt) {
  var data = evt.params.data;
  var $element = $(data.element);

  // check if any options in the group are selected
  if ($element.parent("optgroup").find(":selected").length) {
    evt.preventDefault();
  }
});