jQuery 实现左右两侧菜单添加、移除功能

效果图:

JS代码   

rush:js;"> function toRight(l,r,v) { $("#" + l + " option:selected").appendTo("#" + r); $("#" + l + " option:selected").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(",") $("#" + v).val(str); } function allToRight(l,v) { $("#" + l + " option").appendTo("#" + r); $("#" + l + " option").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(",") $("#" + v).val(str); } function toLeft(l,v) { $("#" + r + " option:selected").appendTo("#" + l); $("#" + r + " option:selected").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(",") $("#" + v).val(str); } function allToLeft(l,v) { $("#" + r + " option").appendTo("#" + l); $("#" + r + " option").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(",") $("#" + v).val(str); }

HTML代码           

rush:js;">
ottom:1px solid #ddddDD;">::已授权权限::
ottom:1px solid #ddddDD;">::未授权权限::
<
<<
>
>

总结

以上所述是小编给大家介绍的jQuery 实现左右两侧菜单添加、移除功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...