javascript - Select2 仅更新禁用选项一次

Question

我有几个 select2 下拉列表(包含相同的选项)，并且我需要每个选项只能选择一次。

使用 select2 事件系统，每次打开下拉菜单时，我都会浏览列表并禁用在任何其他下拉菜单中选择的所有选项

$('body').on('select2:open', '.resCombo', function (event) {
    var $el = $(event.target);
    $el.find('option').removeAttr('disabled');
    $('.resCombo').not($el).find('option:selected').each(function (index,el) {
       console.log($(el).val());
       $el.find('option[value="'+ $(el).val() +'"]').attr('disabled','disabled');
     })
  $el.trigger('change.select2');
});

第一次在任何下拉菜单中更改某些内容时效果很好，但第二次尝试时效果不佳。

Answer 1

Select2缓存disable属性并且不监听它的变化。快速解决方法是在每次更改属性时初始化 select2。他们对此功能有一个公开请求，您可以使用此修复程序，尽管他们尚未合并它。

Link to pull request