XML/HTML Code复制内容到剪贴板 <divclass="centent"style="width:200px;float:left;margin-right:20px;"> <selectmultiple="multiple"id="select1"style="width:150px;height:160px;"> <optionvalue="1">选项1</option> <optionvalue="2">选项2</option> <optionvalue="3">选项3</option> <optionvalue="4">选项4</option> <optionvalue="5">选项5</option> </select> <div> <spanid="add"style="display:block;width:140px;cursor:pointer;">选中添加到右边>></span> <spanid="addAll"style="display:block;width:140px;cursor:pointer;">全部添加到右边>></span> </div></div> <divclass="centent"style="width:200px;float:left;margin-right:20px;"> <selectmultiple="multiple"id="select2"style="width:150px;height:160px;"> </select> <div> <spanid="add1"style="display:block;width:140px;cursor:pointer;"><<选中删除到左边</span> <spanid="addAll1"style="display:block;width:170px;cursor:pointer;"><<全部选中删除到左边</span> </div> </div> JavaScript Code复制内容到剪贴板 <scripttype="text/javascript"> //下拉框多选的应用9：57 $(function(){ //开始把左边的添加到右边 $("#add").click(function(){//把选中的添加到右边 $option=$("#select1option:selected"); $option.appendTo("#select2"); }) $("#addAll").click(function(){//全部添加到右边 $option=$("#select1option"); $option.appendTo("#select2"); }) $("#select1").dbclick(function(){//双击添加到右边 $option=$("#select1option:selected",this); $option.appendTo("#select2"); }) //开始右边的添加到左边 $("#add1").click(function(){//把选中的添加到左边 $option=$("#select2option:selected"); $option.appendTo("#select1"); }) $("#addAll1").click(function(){//全部添加到左边 $option=$("#select2option"); $option.appendTo("#select1"); }) $("#select2").dbclick(function(){//双击添加到左边 $option=$("option:selected",this); $option.appendTo("#select1"); }) }) </script>

【select不支持双击dbclick事件】相关文章：

★ HTML教程:收集的常用的HTML标签(5)

★ IE8开发人员工具的菜单讲解

★ img usemap属性 中国地图链接

★ 浅谈HTML空链接的作用

★ 了解HTTP Headers的方方面面 图文说明

★ disabled与readonly的作用及区别介绍

★ 舞动你的文字 巧用html中marquee属性

★ HTML 网页头部代码全清楚

★ 如何把select下拉框的值传到id中实现代码

★ 最常用的HTML转义字符 Escape Sequence