不可選擇的下拉列表

Question

有什麼辦法可以有一個下拉列表，其中的非項目是可選的？所以基本上，我只是想用它來顯示/隱藏列表。我不希望懸停突出顯示，也不希望能夠更改所選項目。

你能否建議如果這是可能的，或者如果任何人有任何其他想法來實現類似的東西，你能指出我一個很好的例子。

感謝

Answer 1

的optgroup標籤想到。它具有disabled屬性。

<select> 
    <optgroup label="My List" disabled> 
    <option value="item1">Item 1</option> 
    <option value="item2">Item 2</option> 
    </optgroup> 
</select>​ 

但是，IE 6和7不尊重disabled。 Arrgh。他們也不聽整個select上的readonly屬性。

您必須爲這些瀏覽器添加onchange="this.value ='item1';"回退，如果關閉了JavaScript，這顯然不是水密的。

的jsfiddle here

Answer 2

有沒有辦法有一個下拉列表中的項目無可選擇？

我有同樣的要求，所以，我沒有這樣的，

<select > 
    <option value="item1" disabled>Item 1</option> 
    <option value="item2" disabled>Item 2</option> 
    <option value="item3" disabled>Item 3</option> 
    <option value="item4" disabled>Item 4</option> 
</select> 

On JsFiddle