Jquery adds and removes menus on both left and right sides. jquery adds and removes menus on both left and right sides.

Jquery adds and removes menus on both left and right sides. jquery adds and removes menus on both left and right sides.

Add and remove menus on left and right sides using JQ

:

JS Code

　　　　 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, r, 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, r, 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, r, v) {            $("#" + r + " option").appendTo("#" + l);            $("#" + r + " option").remove();            var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(", ")            $("#" + v).val(str);        }

Html code

<Div class = "easyui-layout" data-options = "fit: true"> <div data-options = "region: 'west', split: false "style =" width: 40%; padding: 0px ">