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规则disabled）的option元素上设置课程display: none;。

修改

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

Answer 2

要支持IE7，您必须使用一些黑客，请参阅此帖Disable Select Options in Internet Explorer。

隐藏选择选项Cross Browser

2 个答案: