显示：没有在IE 9中不起作用

Question

我有一个<select>对象，我希望切换一些<option>，我使用jQuery .hide（）函数。它适用于Chrome / Firefox /等，但不适用于IE 9.

小提琴链接：http://jsfiddle.net/Cz4cm/11/

HTML：

<select>
    <option>Select a Term...</option>
    <option class="0" value="0" style="display:none;">Option0</option>
    <option class="1" value="1">Option1</option>
    <option class="2" value="2">Option2</option>
    <option class="3" value="3">Option3</option>
    <option class="4" value="4">Option4</option>
    <option class="5" value="5">Option5</option>
    <option class="6" value="6">Option6</option>
    <option class="7" value="7">Option7</option>
</select>

我想在不同的点上切换这些值，因此完全从DOM中删除HTML不是一种选择。我只想切换他们的知名度。

任何人都知道一个解决方法/我需要做什么才能让.hide（）在IE 9中工作？

感谢。

Answer 1

不幸的是，HTML规范没有定义选项元素的样式。

有些浏览器允许，有些浏览器不允许。但这样做并不符合标准。

http://msdn.microsoft.com/en-us/library/ms535877%28v=vs.85%29.aspx

  

除背景颜色和颜色外，将忽略通过选项元素的样式对象应用的样式设置。此外，直接应用于各个选项的样式设置将覆盖应用于整个包含的select元素的样式设置。