我需要使用 Javascript 从多个选择框中隐藏某些选项。我不能使用 jQuery,我也不允许这样做。
我还有一个下拉框,我正在调用一个 js 函数,该函数将在值更改时调用。js 函数将控制另一个多选选项框的选项,我需要根据下拉框的值隐藏(而不是删除)选项。
任何简单的js函数?
我需要使用 Javascript 从多个选择框中隐藏某些选项。我不能使用 jQuery,我也不允许这样做。
我还有一个下拉框,我正在调用一个 js 函数,该函数将在值更改时调用。js 函数将控制另一个多选选项框的选项,我需要根据下拉框的值隐藏(而不是删除)选项。
任何简单的js函数?
众所周知,选择和选项元素很难设置样式。虽然您可以尝试设置
display: none;
visibility: hidden;
关于您希望隐藏的选项,我不希望得到普遍支持(即使在支持 CSS/JS 的浏览器中)。
根据我的尝试,display:none
在 FF 中有效,但在 Chrome 中无效......我尝试visibility:hidden|collapsed
了(以及各种其他替代方法),但在 Chrome 中也没有产生预期的结果。 visibility:hidden
隐藏文本但不会像我希望的那样折叠空白行。
我认为 Chrome 中唯一可行的解决方案是分离filtered
选项元素(这似乎需要大量工作 ATM)