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(",")

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM