javascript - style.display ='none' 不适用于 chrome 中的选项标签，但它适用于 firefox

Question

好的，下面是一些演示问题的示例代码。如果我点击 firefox 中的按钮，第一个选项就会消失。如果我单击 chrome 中的按钮，什么也没有发生，或者更确切地说，如果我检查第一个选项，它确实具有属性“style='display:none'”，但 html 页面上的选项本身没有隐藏。

<form>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="button" onclick="document.getElementsByTagName('option')[0].style.display='none'" value="hide option 1">
</form>

为什么这在 chrome 中不起作用？

Answer 1

解决方法是移除 option 元素以响应您的事件，并在需要时将它们添加回来。 IIRC，IE 不允许您在 option 元素上将 display 设置为 none。我建议将删除的元素存储在一个数组中，以便您可以轻松地将它们添加回去。