巧用optgroup归类列表框

网络通信

姚恺丰 · 2004年7月5日

　　目前网页上的列表框使用频率相当高，它可在有限的页面空间中显示尽可能多的内容。但你是否发现，当列表框里的选项一多，寻找某个选项就比较费力、费时。其实，可以对列表框里的选项归归类，这样看起来就“顺眼”多了。

　　HTML语法中的optgroup标签就可以很方便地实现这个功能，就以城市所属作为例子。代码如下：

　　＜select＞

　　＜optgroup label=“浙江省”＞

　　＜option＞杭州市＜/option＞

　　＜option＞宁波市＜/option＞

　　＜option＞嘉兴市＜/option＞

　　＜/optgroup＞

　　＜optgroup label=“江苏省”＞

　　＜option＞南京市＜/option＞

　　＜option＞苏州市＜/option＞

　　＜/optgroup＞

　　＜optgroup label=“广东省”＞

　　＜option＞广州市＜/option＞

　　＜/optgroup＞

　　＜/select＞

　　optgroup标签只有label一个属性，用来命名某个选项组的名字。怎么样，很容易吧，如果你正对多选项的列表框该如何归类犯愁，不妨试试这种既简单又省事的方法。实际效果如图所示。