本章导读

下拉列表用来封装一些类型相同的数据，在HTML中用select标签，属于数据分类控件。本章介绍select在Web开发中常见的一些应用技巧，如动态添加下拉列表中的项、遍历下拉列表等。

6.1 下拉列表框实现多选

【实例描述】

下拉列表框用来实现多个相同类型数据的显示，用户有时需要在这些数据中选择多个。本例学习如何实现下拉列表框的多选。

【实现代码】

<head>

</head>

<body>

<option> 首都图书馆</option>

<option> 首都新华书店</option>

<option> 首都数字图书馆</option>

<option> 中关村图书大厦</option>

<option> 爱书网图书在线</option>

</select>

</body>

</html>

文本框:
图6-1 下拉列表框多选效果【运行效果】

下拉列表框多选效果如图6-1所示。

【难点剖析】

本例的重点是下拉列表框的“multiple”属性。此属性控制下拉列表框是否允许多选。如果设置了此属性，则通过“Ctrl+鼠标左键”可实现选项的多选。

【查看所有评论(0)条】

当前章节:6.1 下拉列表框实现多选