码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-11-16 20:00:19      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:join   option   class   var   操作   ted   app   his   javascrip   

  $(function () {

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

 
        $("#addUser").click(function () {
            var fromId = "User";
            var toId = "UserSelected";
            MoveItem(fromId, toId);
        });

        $("#removeUser").click(function () {
            var fromId = "UserSelected";
            var toId = "User";
            MoveItem(fromId, toId);
        });

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

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

取到所有option的值

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

 

  

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

标签:join   option   class   var   操作   ted   app   his   javascrip   

原文地址:http://www.cnblogs.com/zitjubiz/p/6070681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!