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

web前端|js教程

JS,多选,遍历,下拉列表

web前端-js教程

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

javaee5.0.2源码,ubuntu安装ntp失败,部署的三个tomcat先后,贴吧爬虫 图片,php网站开发教程课后答案学习,思明seo优化lzw

这里使用js实现可进行多项选择的下拉列表，鼠标点击上边下拉列表中的任意值，下边列表中就会显示该选中值，按住键盘上的Ctrl键，再次点击上边的列表任意值，可进行多选，多选功能得益于JavaScript的帮忙，在网页上这种应用挺广泛，有必要看一看。

安卓登录注册功能源码,vscode案例,ubuntu16设置中文,tomcat con,sqlite框架pdf,阿里云怎么更换服务器地址,开发一个dz插件多少钱,前端框架vue面试,python3.5爬虫,php框架排行榜,学习seo如何,企业网站升级,网络相册网页模板,ecstore手机模板,html5错误页面,bootstrap 管理系统ui,android开源程序lzw

运行效果截图如下：

微超市 源码,vscode里面没有分支,猎豹 for ubuntu,谷歌导入tomcat报错,app annie 爬虫,php 判断路径,盐都区seo优化咨询,jquery模块网站,网页模板 ailzw

在线演示地址如下：

/js//js-select-option-cha-codes/

具体代码如下：

.wenbenkuang { font-family: "宋体"; font-size: 9pt; color: #333333; border: 1px solid #999999;}

function updateorder(){ var orderstring=""; var n=document.form1.mcusep.length; for (i=0;i<n;++i) { if (document.form1.mcusep.options[i].selected) { orderstring+=document.form1.mcusep.options[i].value+"\n"; } } document.form1.textarea.value=orderstring;}