我需要使用Javascript从多选框中隐藏某些选项。 我不能得到jQuery,我不被允许。
我还有一个下拉框,我正在调用一个js函数,该函数将在更改值时调用。 js函数将控制另一个多选项框的选项,我需要根据下拉框值隐藏(不删除)选项。
任何简单的js功能?
答案 0 :(得分:0)
选择和选项元素非常难以设计。您可以尝试设置
display: none;
visibility: hidden;
关于你想要隐藏的选项,我不希望得到普遍支持(即使在支持CSS / JS的浏览器中)。
答案 1 :(得分:0)
根据我的尝试,display:none
适用于FF但不适用于Chrome ...我尝试了visibility:hidden|collapsed
(以及其他各种替代方案)并且没有产生预期效果Chrome也是。 visibility:hidden
隐藏文字,但不会像我希望的那样折叠空行。
我认为Chrome中唯一可行的解决方案是分离filtered
选项元素(这看起来像很多工作ATM)