基于Java脚本语言实现下拉列表左右移动代码

废话不多说，先给大家展示一下效果图，如果大家感觉不错，请参考实现代码。

效果图如下所示：

代码如下所示：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title选择式下拉菜单/title脚本语言=' JavaScript '类型=' text/JavaScript '函数moveOption(e1，E2){ try { for(var I=0；ie1。选项。长度；i ){ if(e1.options[i]).选定){ var e=E1。选项[一]；e2.options.add(新的选项(e .文本，e .值))；E1。去掉(一)；ii=I-1；} }文档。表格1。城市。value=get value(文档。表格1。清单2)；}catch(e){ } }函数getvalue(geto){ var all value=' '；for(var I=0；伊戈托。选项。长度；i ){ allvalue=geto.options[i].值',';}返回allvalue}函数changepos(obj，index){ if(index==-1){ if(obj。selectedindex 0){//obj。选项(对象。selectedindex ).swapNode(obj。选项(对象。selectedindex-1))//swapNode方法只有工业管理学(工业工程)才支持物体。在(obj)之前插入。选项selectedindex]，obj。选项selectedindex-1])；} } else if(index==1){ if(obj。selectedindexcobj。选项。length-1){//obj。选项(对象。selectedindex ).swapNode(obj。选项(对象。selectedindex 1))//swapNode方法只有工业管理学(工业工程)才支持物体。在(obj)之前插入。选项selectedindex 1]，obj。选项selectedindex])；} } }/脚本样式类型=' text/CSS '正文{ font-size : 16pxcolor : # 003300 }/样式/头身形态方法=' post ' name=' form 1 ' action=' style=' text-align : center；'表格边框='0 '宽度=' 300 ' align=' center ' tr TD宽度=' 40% ' select style=' width :100% '多个名称=' list 1 ' size=' 12 ' on bl click=' move option(文档。表格1。清单1，文件。表格1。列表2)“选项值=”张三'张三/option选项值='李四'李四/option选项值='王五'王五/option选项值='赵六'赵六/option选项值='钱七'钱七/option选项值='软件'软件/option选项值='客服'客服/option选项值='硬件'硬件/option选项值='安全'安全/option选项值='会计'会计/option选项值='出纳'出纳/option/select/TD TD宽度=' 20% ' align=' center '输入类型=' button '值='添加onclick=' move选项(文档。表格1。列表1，document.form1.list2)'/br/br/输入类型='按钮'值='删除onclick=' move选项(文档。表格1。清单2，文件。表格1。list 1)'//TD TD width=' 40% ' select style=' width :100% ' multiple name=' list 2 ' size=' 12 ' on bl click=' move option(文档。表格1。清单2，文件。表格1。列表1)'/select/TD tdinput type=' button ' value='上移onclick='changepos(list2，-1)'/br/br/input type=' button ' value='下移onclick='changepos(list2，1)'//td /tr /table值：输入类型=' text ' name=' city ' size=' 40 '/form p align=' center '选定一项或多项然后点击添加或移除（按住变化或计算机的计算机的ctrl按键按键可以多选)，br /或在选择项上双击进行添加和移除/p /body /html以上所述是小编给大家介绍的基于Java脚本语言实现下拉列表左右移动，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！