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

      

  • 相关阅读:
    hbase
    spark-streaming
    spark-Scala
    经典台词二
    星爷电影经典台词一
    Hadoop第一阶段总结
    测试2
    POI 表格数据导出
    GC垃圾回收机制
    Java常见的200道面试题
  • 原文地址:https://www.cnblogs.com/zitjubiz/p/jquery_select_option_dblclick_add_remove.html
Copyright © 2011-2022 走看看