zoukankan      html  css  js  c++  java
  • 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(",")

      

  • 相关阅读:
    Linux_LEMP
    Linux_LEMP
    Linux_指令杂烩
    Linux_指令杂烩
    Linux_SELinux使用
    AWS S3存储基于Hadoop之上的一致性保证
    Ozone数据写入过程分析
    Ozone Datanode的分布式元数据管理
    聊聊Ozone的Topology Awareness
    Ozone数据探查服务Recon的启用
  • 原文地址:https://www.cnblogs.com/zitjubiz/p/jquery_select_option_dblclick_add_remove.html
Copyright © 2011-2022 走看看