jQuery实现挑选左右复制移动内容

引入的文件为脚本类型=' text/JAVAScript ' src=' http : jquery-1。10 .2 .js /脚本

双击也可以移动

[1].[代码]

脚本类型=' text/JavaScript ' $(function(){//移到右边$('#add ').单击(函数(){//获取选中的选项，删除并追加给对方$(' #选择1个选项：已选择').appendo(' # select 2 ')；});//移到左边$('#remove ').单击(function(){ $(' # select 2 options : selected ').appendo(' # select 1 ')；});//全部移到右边$('#add_all ').单击(函数(){//获取全部的选项，删除并追加给对放$('#select1选项').appendo(' # select 2 ')；});//全部移到左边$('#remove_all ').单击(function(){$('#select2 option ')).appendo(' # select 1 ')；});//双击选项$('#select1 ').dblclick(function(){//绑定双击事件//获取全部的选项，删除并追加给对方$('option:selected '，this).appendo(' # select 2 ')；//追加给对方});//双击选项$('#select2 ').dblclick(function(){ $(' option : selected '，this).appendo(' # select 1 ')；});})/脚本[2]。[代码]

车身h1选择JQuery实现左右复制移动内容/h1 div style=' width :500 px；'div class=' centet ' style=' float : left；'select multiple=' multiple ' id=' select 1 ' style=' width :130 px；'高度：160像素选项值='1 '选项1/optionoption值='2 '选项2/optionoption值='3 '选项3/optionoption值='4 '选项4/optionoption值='5 '选项5/optionoption值='6 '选项6/optionoption值='7 '选项7/optionoption值='8 '选项8/option/selectdiv按钮id=' add '选中添加到右边/buttonbrbutton id='add_all '全部添加到右边/button/div/div class=' centet ' style=' padding-left :160 px；select multiple=' multiple ' id=' select 2 ' style=' width : 130 px；height :160 px '/selectdiv button id=' remove '选中删除到左边/buttonbrbutton id='remove_all '全部删除到左边/button/div/div/body[3]。[图片]

[4].[图片]

以上所述是小编给大家介绍的jQuery实现挑选左右移动复制内容，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！