2013-03-05 54 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