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

Question

难道没有办法吗？

我制作了在 IE 中不起作用的jsFiddle。

这段代码如下：

的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

要支持 IE7，您将不得不求助于一些技巧，请参阅这篇文章Disable Select Options in Internet Explorer。

Answer 2

尝试select option[disabled=disabled]或在您应用 CSS 规则 ( )disabled的option元素上设置一个类。display: none;

编辑

在 IE9 上对此进行测试后，我发现它不允许您隐藏选项元素，至少不能通过display:none;，设置disabled="disabled"确实禁用该元素，但不能隐藏它。