javascript - 隐藏选择选项跨浏览器

Question

有什么办法吗？

我做了jsFiddle这在 IE 中不起作用。

代码如下:

HTML

<select id="testing">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

jQuery

$(document).ready(function() {
    $('select#testing option').eq(1).attr({
        disabled: 'disabled'
    });
});

CSS

select option[disabled] {display: none;}

任何指针都会有所帮助。

注意:我不能使用 .remove() 方法。

Answer 1

尝试select option[disabled=disabled] 或者在您应用 CSS 规则的 option 元素上设置类 disabled ( 显示:无；)。

编辑

在 IE9 上测试后，我发现它不会让你隐藏选项元素，至少不能通过 display:none;，设置 disabled="disabled"禁用该元素，但不隐藏它。