隱藏選擇選項跨瀏覽器

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。