手机版

js简单实现挑选互换数据的方法

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

本文实例讲述了射流研究…简单实现挑选互换数据的方法。分享给大家供大家参考。具体如下:

这里基于爪哇岛描述语言实现两个挑选互换数据,简单实用,大家都见到过的,不多说了,即使手头暂时用不上,收藏起来,以备后用。

运行效果如下图所示:

在线演示地址如下:

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

具体代码如下:

标题两个挑选互换数据,简单实用/title脚本语言=' JAVAScript ' var MainSel=nullvar SlaveSel=nullvar Item_org=新数组();函数DOADd(){ var this _ sel=null;for(var I=0;伊明塞尔。选项。长度;I){ this _ sel=MainEl。选项[一];if(this _ sel。选中){ slavesel。append child(this _ sel);我-;} } sort _ Main(SlaveSel);}函数DoDel(){ var this _ sel=null;for(var I=0;伊斯拉维塞尔。选项。长度;I){ this _ sel=slave sel。选项[一];if(this _ sel。选定){ mainsel。append child(this _ sel);我-;} } sort _ Main(mainEl);}函数sort _ Main(the _ Sel){ var this _ sel=null;for(var I=0;iItem _ org . LengTii){ for(var j=0;jthe _ sel。选项。长度;sel。选项[j];if(this _ sel。value==Item _ org[I][0]this _ sel。text==Item _ org[I][1]){ the _ sel。append child(this _ sel);} } } }窗口。onload=function(){ MainSel=select 1;SlaveSel=select2 mainsel . ond blclick=doadslavesel . ond blclick=DoDelvar this _ sel=null for(var I=0;伊明塞尔。选项。长度;I){ this _ sel=MainEl。选项[一];Item_org.push(新数组(this_sel.value,this_sel。文本));} }/脚本表格宽度=' 300 '边框=' 0 '单元格间距=' 0 '单元格pdoadding=' 0 ' align=' center ' tr TD宽度=' 45% ' align=' center ' select id=' select 1 ' size=' 5 '多重样式=' width : 100px '选项值=' 111 ' 111/选项值=' 222 ' 222/选项值=' 333 ' 333/选项值=' 444 ' 42希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

版权声明:js简单实现挑选互换数据的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。