Jquery操作select,左右移动,双击移动 取到所有option的值

$(function () {

        function MoveItem(fromId, toId) {
            $("#" + fromId + " option:selected").each(function () {
                $(this).appendTo($("#" + toId + ":not(:has(option[value=" + $(this).val() + "]))"));
            });
            $("#" + fromId + " option:selected").remove();
        }

        //Add按钮
        $("#addUser").click(function () {
            var fromId = "User";
            var toId = "UserSelected";
            MoveItem(fromId, toId);
        });
        //Remove按钮
        $("#removeUser").click(function () {
            var fromId = "UserSelected";
            var toId = "User";
            MoveItem(fromId, toId);
        });

        //双击左边选项
        $('#User').dblclick(function () {
            var toId = "UserSelected";
            var fromId = "User";
            MoveItem(fromId, toId);
        });
        //双击右边选项
        $('#UserSelected').dblclick(function () {
            var fromId = "UserSelected";
            var toId = "User";
            MoveItem(fromId, toId);
        });
});

Jquery操作select,左右移动,双击移动

取到所有option的值

var str = $("#UserSelected option").map(function () { return $(this).val(); }).get().join(",")

 

　　

转载于:https://www.cnblogs.com/zitjubiz/p/jquery_select_option_dblclick_add_remove.html