2013-03-05 56 views
10

是否可以在選擇下拉菜單中顯示optgroup的標籤作爲第一個選項?顯示optgroup標籤作爲初始選項

這是否有意義?還是有更好的方法來做到這一點?

我基本上需要第一個標籤,顯示像選擇價格,這是不可直接選擇,但顯示時,你展開選擇菜單像一個optgroup標籤。

+0

您可以使用javascript將給定的optgroup移動到列表頂部 – Jodes 2013-03-05 13:02:49

+4

這個問題是一個很好的問題,不知道爲什麼它被標記爲不具有建設性?這是一個有答案的問題。 – 2014-04-16 07:41:34

回答

22

您可以使用標準option元素,只需指定disabled屬性:

<select> 
    <option disabled="disabled" selected="selected">Select Price</option> 
    <optgroup label="Gold"> 
     <option>5.00</option> 
     <option>10.00</option> 
    </optgroup> 
</select> 

看到這個jsFiddle demo

+1

非常感謝,我想這看起來像要走的路,一個惱人的問題! – hcharge 2013-03-05 13:10:31

+8

更好的是,你可以添加隱藏=「隱藏」,所以它不會顯示在列表中,但仍然可見 – 2014-02-03 01:13:40