有想过把下拉选单中一些选项归类吗？而且这些类别不可选？

最近碰上的客户就有这样要求的一个下拉选单，如何做？其实HTML里已经有这种代码，只是不常用，就是<optgroup>。

HTML源代码如下：

<select>

 <optgroup label="金融 Finance">

 <option value ="vc">风险投资</option>

 <option value ="stocks">证券</option>

 </optgroup>

 <optgroup label="媒体 Media">

 <option value ="tv">电视</option>

 <option value ="film">电影</option>

 <option value ="magazine">杂志</option>

 </optgroup>

</select>

其中<optgroup>是选项类别，label属性可以标出它的名称。如果还要增强表现，比如类别用其他颜色表示，可以对optgroup进行CSS样式定义optgroup {color:#blue;}。

当选项比较多的时候，这种下拉菜单可以给用户更好的体验，类别更清楚。