§ ITPOW >> 文档 >> XHTML

妙用 optgroup 给下拉列表框(SELECT)列表项分组

作者:vkvi 来源:ITPOW(原创) 日期:2010-6-2

效果

妙用 optgroup 给下拉列表框(SELECT)列表项分组

粗体、斜体字是分类的名称,是不可选的。是利用 optgroup 实现的,其属性 label 就是要显示的文字。optgroup 下再放 option。

optgroup 只支持一级,所以嵌套 optgroup 的效果跟没嵌套是一样的。但 W3C 之前曾建议浏览器厂商作好准备,说不定哪天就要支持嵌套了。

代码

<select size="1" name="category">
  <optgroup label="面食">
    <option value="牛肉面">牛肉面</option>
    <option value="炸酱面">炸酱面</option>
  </optgroup>
  <optgroup label="小炒">
    <option value="鱼香肉丝">鱼香肉丝</option>
    <option value="回锅肉">回锅肉</option>
    <option value="宫保鸡丁">宫保鸡丁</option>
  </optgroup>
</select>

 

相关文章