呃。其实很简单的东西啦。页面的图 两个列表都可以多选， 实现如下效果： 1、双击第一个列表中任意一个列表项，实现向下添加 2、双击第二个列表中任意一个列表项，实现删除， 2、点击按钮，实现对应功能。 Html代码复制代码 代码如下: <form name="form1" method="post" action=""> <select id="select1" size="5" multiple style="width:100px " > <option value="111">北京</option> <option value="222">上海</option> <option value="333">广州</option> <option value="333">山东</option> <option value="333">常州</option> </select><br/><br/> <input type="button" id="button1" value="添加"> <input type="button" id="button2" value="删除"><br/><br/> <select id="select2" size="5" multiple style="width:100px " > </select> </form> jquery代码 复制代码 代码如下: <script src="js/jquery-1.6.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#select1").dblclick(function () { $("#select1 :selected").appendTo($("#select2")); }); $("#select2").dblclick(function () { $("#select2 :selected").appendTo($("#select1")); }); $("#button1").click(function () { $("#select1 option:selected").appendTo($("#select2")); }); $("#button2").click(function () { $("#select2 option:selected").appendTo($("#select1")); }); }) </script>

　　推荐阅读

　　JqGrid web打印实现代码

在IE9中打印没有问题，但IE6、7、8都会出现前几页空白的情况(只显示列头信息)，找了很久，才发现是ui-jqgrid-bdiv样式类(在ui.jqgrid.css内)中的overflow引起的，在打印之前将其删除，打印之后将其恢复即可。 打印>>>详细阅读

本文标题：使用jquery实现select添加实现后台权限添加的效果

地址：http://www.17bianji.com/kaifa2/JS/24512.html

 1/2    1