给下拉列表框数据分组

最新推荐文章于 2022-04-10 18:40:41 发布

qf_hy

最新推荐文章于 2022-04-10 18:40:41 发布

阅读量639

点赞数

分类专栏： JavaScript 文章标签： xhtml

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

6.7 给下拉列表框数据分组
【实例描述】

如果下拉列表框的内容不相近，可以用多个下拉列表框表示，如部门列表、人员列表。如果下拉列表框的内容比较相近，此时可以通过一个下拉列表框实现，并在其中设置不同的组。

【实现代码】



<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>标题页</title>

<body>

<SELECT>

<OPTGROUP LABEL="山东省">

<OPTION>济南</OPTION>

<OPTION>青岛</OPTION>

<OPTION>潍坊</OPTION>

</OPTGROUP>

<OPTGROUP LABEL="河北省">

<OPTION>保定</OPTION>

<OPTION>沧州</OPTION>

<OPTION>石家庄</OPTION>

</OPTGROUP>

</body>

</html>