hide - 选择 2 : Hide certain options dynamically

Question

基本上我正在寻找的是能够从选择项的下拉列表中隐藏选项的能力。因此，从技术上讲，它们仍然是选项，但由于它们是隐藏的，因此您将无法单击它们。

我查看了文档并找到了与禁用相关的内容，不幸的是我非常希望能够隐藏项目。有没有人有关于如何实现这一点的建议？

是否有可能做一些事情，比如让选择在原始 <option> 之间做一些特定的映射？元素和 select2该元素的副本，这也可以。例如，例如，“如果原始 <option> 具有此类或具有此类属性，则选择下拉列表中的结果项将以这种方式构造”。

Answer 1

将以下 CSS 规则添加到页面会解决您的问题吗？

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

基本上它会隐藏一个禁用选项，而不是用灰色背景显示它。

使用 disabled而不是 display:'none'在您的选项列表中。

JS Bin