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

      

  • 相关阅读:
    Monogb基本概念及基本操作
    高级查询与索引
    查询、索引和聚合
    更新和删除文档
    数据查询
    数据库和集合的基本操作
    dedecms 文章排列方式
    dedecms flag标签属性
    Iis 日志文件默认路径
    php中的require() 语句的使用方法
  • 原文地址:https://www.cnblogs.com/zitjubiz/p/jquery_select_option_dblclick_add_remove.html
Copyright © 2011-2022 走看看