javascript - 如何使用 JavaScript 隐藏选择选项？ (跨浏览器)

Question

这应该有效:

$('option').hide(); // hide options

它适用于 Firefox，但不适用于 Chrome(可能不适用于 IE，未经测试)。

一个更有趣的例子:

<select>
    <option class="hide">Hide me</option>
    <option>visible option</option>
</select>
<script type="text/javascript">
// try to hide the first option
$('option.hide').hide();

// to select the first visible option
$('option:visible').first().attr('selected', 'selected');
</script>

或查看 http://jsfiddle.net/TGxUf/ 中的示例

是从 DOM 中分离选项元素的唯一选项吗？稍后我需要再次展示它们，所以这不会很有效。

Answer 1

不幸的是，您无法在所有浏览器中隐藏 option 元素。

过去当我需要这样做时，我已经设置了它们的 disabled 属性，就像这样......

$('option').prop('disabled', true);

然后我在使用这段 CSS 的浏览器支持的地方使用了隐藏...

select option[disabled] {
    display: none;
}