宝哥软件园

JS实现左边列表移到到右边列表功能

编辑:宝哥软件园 来源:互联网 时间:2021-08-31

实现功能:

1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除;

2.支持列表中项目上下位置的移动;

3.效果图如下:

超文本标记语言代码

标题选择下拉菜单/TItle meta http-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 ' META NAME=' Description ' CONTENT=' Power by hill '/HEAD BODY p选定一项或多项然后点击添加或移除(按住变化或计算机的计算机的ctrl按键按键可以多选),或在选择项上双击进行添加和移除/p表单方法='post '名称='myform '表格边框=' 0 '宽度=' 300 ' tr TD宽度=' 40% '选择样式='宽度:100% '多个blclick='移动选项(文档)上的name=' list 1 ' size=' 12'。我的表格。清单1,文件。我的表格。列表2)“选项值=”北京'北京/option选项值='上海'上海/option选项值='山东'山东/option选项值='安徽'安徽/option选项值='重庆'重庆/option选项值='福建'福建/option选项值='甘肃'甘肃/option选项值='广东'广东/option选项值='广西'广西/option选项值='贵州'贵州/option选项值='海南'海南/option选项值='河北'河北/option选项值='黑龙江'黑龙江/option/select/TD TD宽度=' 20% '对齐='居中'输入类型='按钮'值='添加onclick=' move选项(文档。我的表格。清单1,文件。我的表格。列表2)' br/br/输入类型='按钮'值='删除onclick=' move选项(文档。我的表格。清单2,文件。我的表格。列表1)'/TD TD宽度=' 40% '选择样式='宽度:100% '多个名称=' list 2 ' size=' 12 ' on bl click=' move option(文档。我的表格。清单2,文件。我的表格。列表1)'/select/TD按钮onclick=' change pos(列表2,-1)' type='button '上移/button br/button onclick=“更改pos(列表2,1)”type=“button”下移/button /td /tr /table值:输入类型=' text ' name=' city ' size=' 40 '/表单脚本语言='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 } }文档。我的表格。城市。value=get value(文档。我的表格。清单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)).交换节点(obj。选项(对象。selectedindex-1))} } else if(index==1){ if(obj。selectedindexcobj。选项。length-1){ obj。选项(对象。selectedindex ).swapNode(obj。选项(对象。selectedindex 1))} }//////script/BODY/HTML总结

以上所述是小编给大家介绍的射流研究…实现左边列表移到到右边列表功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+