基本上我正在寻找的是能够从所选项目的下拉列表中隐藏选项的能力。因此,从技术上讲,它们仍然是选项,但您只是无法单击它们,因为它们是隐藏的。
我浏览了文档并发现了与禁用相关的内容,不幸的是我非常特别想要隐藏项目的能力。有人对如何实现这一目标有建议吗?
是否可以做一些事情,比如让选择在原始数据之间进行一些特定的映射<option>
元素和select2 https://select2.org/该元素的副本,也可以。举个例子,“如果原来的<option>
具有这样的类或具有这样的属性,选择下拉列表中的结果项目将以这种方式构造”。
将以下 CSS 规则添加到页面可以解决您的问题吗?
.select2-container--default .select2-results__option[aria-disabled=true] {
display: none;
}
基本上它会隐藏禁用选项,而不是用灰色背景显示它。
Use disabled
代替display:'none'
也在您的选项列表中。
JS Bin http://jsbin.com/qizohutole/edit?html,js,output
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)