JS实现支持多选的遍历下拉列表代码

本文实例讲述了射流研究…实现支持多选的遍历下拉列表。分享给大家供大家参考。具体如下：

这里使用射流研究…实现可进行多项选择的下拉列表，鼠标点击上边下拉列表中的任意值，下边列表中就会显示该选中值，按住键盘上的计算机的计算机的ctrl按键按键键，再次点击上边的列表任意值，可进行多选，多选功能得益于Java脚本语言的帮忙，在网页上这种应用挺广泛，有必要看一看。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-select-option-cha-codes/

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。' DTD ' HTML标题遍历多选择下拉列表/title meta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '样式。文本匡{ font-family : '宋体；font-size : 9 ptcolor : # 333333 border : 1px固体# 999999;}/style/head body style=' font-size :12 px ' form name=' form 1 ' method=' post ' action=' table width=' 300 ' border=' 0 ' align=' center '单元格填充=' 3 '单元格间距=' 1 ' bgcolor=' # FFCC00 ' tr TD height=' 22 ' align=' left ' bgcolor=' # ‘FFFFFF’可以进行多项选择的下拉列表：/TD/tr tr TD align=' center ' bgcolor=' # FFFFFF ' select name=' mcusep ' size=' 4 ' multiple class=' wenbenkuang ' onchange=' updateorder()'选项值='JavaScript程序设计Java脚本语言程序设计/option选项值='JavaScript经典教程Java脚本语言经典教程/option选项值='JavaScript范例宝典Java脚本语言范例宝典/option选项值='JavaScript与半铸钢钢性铸铁(铸造半钢)样式Java脚本语言与半铸钢钢性铸铁(铸造半钢)样式/option选项值='JavaScript与超文本标记语言的Java Script语言与HTML/选项/选择/td /tr tr td高度=' 22 ' align=' left ' background=' images/BG。 gif ' bgcolor=' # FFFFFF '显示所选内容：/TD/tr tr TD align=' center ' bgcolor=' # FFFFFF '文本区域名称=' text area ' cols=' 40 ' row=' 6 ' class=' wenbenkuang '/文本区域/TD/tr/table/formscript language=' JavaScript '函数更新顺序(){ var order string=var n=文档。表格1。MC usep。长度；for(I=0；在；I){ if(文档。表格1。MC usep。选项[一].选定){订单字符串=文档。表格1。MC usep。选项[一].值\ n '；} }文档。表格1。文本区。value=订单字符串；}/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。