隐藏选择选项跨浏览器

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

编辑

测试这种对IE9后，我发现，它不会让你隐藏选项元素，至少不是通过display:none;，设置disabled="disabled"并禁用元素，而不是隐藏它。

Answer 2

要支持IE7，你将不得不诉诸一些黑客，看到这个职位Disable Select Options in Internet Explorer。