使用Javascript从多选框中隐藏选项

时间:2012-07-30 08:50:50

标签: javascript select hide

我需要使用Javascript从多选框中隐藏某些选项。 我不能得到jQuery,我不被允许。

我还有一个下拉框,我正在调用一个js函数,该函数将在更改值时调用。 js函数将控制另一个多选项框的选项,我需要根据下拉框值隐藏(不删除)选项。

任何简单的js功能?

http://jsfiddle.net/zz3dg/

2 个答案:

答案 0 :(得分:0)

选择和选项元素非常难以设计。您可以尝试设置

display: none;
visibility: hidden;

关于你想要隐藏的选项,我不希望得到普遍支持(即使在支持CSS / JS的浏览器中)。

答案 1 :(得分:0)

根据我的尝试,display:none适用于FF但不适用于Chrome ...我尝试了visibility:hidden|collapsed(以及其他各种替代方案)并且没有产生预期效果Chrome也是。 visibility:hidden隐藏文字,但不会像我希望的那样折叠空行。

我认为Chrome中唯一可行的解​​决方案是分离filtered选项元素(这看起来像很多工作ATM)