使用jquery实现select添加实现后台权限添加的效果_jquery

两个列表都可以多选，

实现如下效果：

1、双击第一个列表中任意一个列表项，实现向下添加

2、双击第二个列表中任意一个列表项，实现删除，

2、点击按钮，实现对应功能。

Html代码
代码如下:


jquery代码
代码如下:


$(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")); });
})