【实例名称】
下拉列表框实现多选
【实例描述】
下拉列表框用来实现多个相同类型数据的显示,用户有时需要在这些数据中选择多个。本例学习如何实现下拉列表框的多选。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站(www.xue51.com)</title> </head> <body> <select name="sel" multiple> <option> 首都图书馆</option> <option> 首都新华书店</option> <option> 首都数字图书馆</option> <option> 中关村图书大厦</option> <option> 爱书网图书在线</option> </select> </body> </html>
【运行效果】
【难点剖析】
本例的重点是下拉列表框的“multiple”属性。此属性控制下拉列表框是否允许多选。如果设置了此属性,则通过“Ctrl+鼠标左键’’可实现选项的多选。
【源码下载】
本实例JS代码下载
……