//下拉框左右选择
<span class="typ">Title</span> .left, .right {float: left;height: 250px;width: 120px;margin-left: 10px;}#select1, #select2 {height: 200px;width: 120px;} $(function () { $("#buttonl1").click(function () { $('#select1 option:selected').appendTo('#select2'); }); $("#buttonl2").click(function () { var $reall=$("#select1 option"); $reall.appendTo($("#select2")); }) $("#buttonr1").click(function () { $("#select2 option:selected").appendTo("#select1"); }) $("#buttonr2").click(function () { var $reall=$("#select2 option"); $reall.appendTo($("#select1")); }) //双击选项 $('#select1').dblclick(function(){ //绑定双击事件 //获取全部的选项,删除并追加给对方 $("option:selected",this).appendTo('#select2'); //追加给对方 }); //双击选项 $('#select2').dblclick(function(){ $("option:selected",this).appendTo('#select1'); }); })选项1 选项2 选项3 选项4 选项5 选项6 选项7 >" id="buttonl1"> >" id="buttonl2">选项8<input type="button" value="<<input type="button" value="<
登录后复制
以上就是关于下拉框左右选择的实例代码的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
