在 Select2 下拉框中隐藏/删除和显示/恢复选项

Question

我有一个问题，我需要在选择时从 select2 下拉菜单中隐藏或删除选项。这些选择填满了一个列表。我宁愿不删除该选项，因为如果用户将其从新填充的列表中删除，那么它应该返回到下拉列表并恢复其顺序。我尝试了以下方法：

.select2-results .select2-disabled,  .select2-results__option[aria-disabled=true] { 
    display: none;
}

$('#optionId').prop('disabled', true);

在 jQuery 更改块中设置道具。我就是拿不到这块。

Answer 1

我想通了。如果禁用是这样包装的：

$(#selectId).select2('destroy');
$(#optionId).prop('disabled', true);
$(#selectId).select2();

然后 select2 将遵循禁用的设置，并且显示 none 将使该项目消失。要让它重新出现，只需按照相同的步骤将 disabled 属性设置为“false”。