LRSelect.js

最新推荐文章于 2020-10-26 14:10:13 发布
最新推荐文章于 2020-10-26 14:10:13 发布
阅读量2.5k 收藏
点赞数
分类专栏： 前端 - jQuery插件 文章标签： function jquery html class up
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yenange/article/details/6743730
版权 
//=====================================================================  
//插件名称: LRSelect  
//作    者: 
//功能说明: 设置左右select的option的互相移动. 必须保证每个option的value的唯一性和optgroup的label的唯一性.  
//输入参数: 1-6:左select,右select ,>| ,> ,< , |< 这六个DOM元素的Id  
//          7: 左select是否可移动  (无此参数则为可移动---true)  
//          8：右select是否可移动  (无此参数则为可移动---true)  
//调用示例: $(function(){ $.fn.LRSelect("selLeft", "selRight", "img_L_AllTo_R", "img_L_To_R", "img_R_To_L", "img_R_AllTo_L"); });      
//输出参数:
//创建日期: 2011-09-01
(function ($) {
jQuery.fn.LRSelect = function (selLeft, selRight, img_L_AllTo_R, img_L_To_R, img_R_To_L, img_R_AllTo_L, LIsRemovable, RIsRemovable) {
    $("#" + img_L_AllTo_R + ",#" + img_L_To_R + ",#" + img_R_To_L + ",#" + img_R_AllTo_L).css("cursor", "pointer");
    if (typeof (LIsRemovable) == "undefined") {
        LIsRemovable = true;
    }
    if (typeof (RIsRemovable) == "undefined") {
        RIsRemovable = true;
    }
    $("#" + selLeft).dblclick(function () {
        LRSelect.movePart(selLeft, selRight, true);
    });
    $("#" + selRight).dblclick(function () {
        LRSelect.movePart(selRight, selLeft, false);
    });
    $("#" + img_L_AllTo_R).click(function () {
        LRSelect.moveAll(selLeft, selRight, true);
    });
    $("#" + img_L_To_R).click(function () {
        LRSelect.movePart(selLeft, selRight, true);
    });
    $("#" + img_R_To_L).click(function () {
        LRSelect.movePart(selRight, selLeft, false);
    });
    $("#" + img_R_AllTo_L).click(function () {
        LRSelect.moveAll(selRight, selLeft, false);
    });
    LRSelect = {};
    LRSelect.movePart = function (source, target, sourceIsLeft) {
        var obj = $("#" + source + " :selected");
        LRSelect.commonMove(obj, source, target, sourceIsLeft);
    }
    LRSelect.moveAll = function (source, target, sourceIsLeft) {
        var obj = $("#" + source + " option");
        LRSelect.commonMove(obj, source, target, sourceIsLeft);
    }
    LRSelect.commonMove = function (jqObj, source, target, sourceIsLeft) {
        jqObj.reverseSelf().each(function () {
            var selVal = $(this).val();
            var selfOptgroupLab = $(this).parent().attr("label");

            var haveGroup = false;
            var targetHaveSameGroup = true;
            if (typeof (selfOptgroupLab) != "undefined") {
                haveGroup = true;
                if ($("#" + target).find("optgroup[label='" + selfOptgroupLab + "']").length == 0) {
                    targetHaveSameGroup = false;
                }
            }
            //判断源是否可移  
            var sourceIsRemovable = (sourceIsLeft && LIsRemovable) || (!sourceIsLeft && RIsRemovable);
            //如果对方没有这个值  
            if (!LRSelect.checkValInSelect(selVal, target)) {
                //如果自身都没有optgroup, 对方直接加自己就好了.    
                if (!haveGroup) {
                    //如果源是可移动的
                    if (sourceIsRemovable) {
                        $("#" + target).prepend($(this));
                    } else {
                        $("#" + target).prepend($(this).clone());
                    }
                }
                //如果自身有optgroup    
                else {
                    //如果对方已有相同的optgroup    
                    if (targetHaveSameGroup) {
                        //如果源是可移动的  
                        if (sourceIsRemovable) {
                            $("#" + target).find("optgroup[label='" + selfOptgroupLab + "']").prepend($(this));
                        } else {
                            $("#" + target).find("optgroup[label='" + selfOptgroupLab + "']").prepend($(this).clone());
                        }
                    } else {
                        $("#" + target).prepend($(this).parent().clone());
                        $("#" + target + " optgroup[label='" + selfOptgroupLab + "'] option[value!='" + selVal + "']").remove();
                        //如果源是可移动的  
                        if (sourceIsRemovable) {
                            $(this).remove();
                        }
                    }
                    //如果源是可移动的  
                    if (sourceIsRemovable) {
                        //如果给了对方之后, 自身的optgroup为空, 则删除自己的optgroup  
                        if ($("#" + source).find("optgroup[label='" + selfOptgroupLab + "'] option").length == 0) {
                            $("#" + source).find("optgroup[label='" + selfOptgroupLab + "']").remove();
                        }
                    }
                }
            }
            //如果对方有这个值了， 在自己能移动的情况下， 删除此值  
            else {
                //如果自身都没有optgroup   
                if (!haveGroup) {
                    //如果源是可移动的  
                    if (sourceIsRemovable) {
                        $(this).remove();
                    }
                } else {
                    //如果源是可移动的  
                    if (sourceIsRemovable) {
                        $(this).remove();
                        //如果给了对方之后, 自身的optgroup为空, 则删除自己的optgroup  
                        if ($("#" + source).find("optgroup[label='" + selfOptgroupLab + "'] option").length == 0) {
                            $("#" + source).find("optgroup[label='" + selfOptgroupLab + "']").remove();
                        }
                    }
                }
            }
        });
        $("#" + source + " option").each(function () {
            $(this).get(0).selected = false;
        });
        $("#" + target + " option").each(function () {
            $(this).get(0).selected = false;
        });
    }
    //判断一个值,在select中是否已存在        
    LRSelect.checkValInSelect = function (val, selectId) {
        var isExist = false;
        $("#" + selectId + " option").each(function () {
            if (val == $(this).val()) {
                isExist = true;
            }
        });
        return isExist;
    }
}
})(jQuery);
(function ($) {
    $.fn.reverseSelf = function () {
        var arr = [];
        for (var i = this.length - 1; i >= 0; i--) {
            arr.push(this.get(i));
        }
        return $(arr);
    }
})(jQuery); 
//=====================================================================  
//插件名称: UpDownSelOption  
//作    者: 
//功能说明: 设置指定的select的option的上下移动.  
//输入参数: 上下图片的id, 需要移动option的select的id
//调用示例: $(function(){ $.fn.UpDownSelOption("imgUp", "imgDown", "selRight"); });  
//输出参数: 
//创建日期: 2011-08-22
(function ($) {
jQuery.fn.UpDownSelOption = function (imgUp, imgDown, up_down_targetId) {
    $("#" + imgUp + ",#" + imgDown).css("cursor", "pointer");
    var $sel = $("#" + up_down_targetId);
    $("#" + imgUp).click(function () {
        if ($sel.find("option:selected").length == 0) {
            return;
        }
        if ($sel.find("option:selected:first").prev().length == 0) {
            return;
        }
        $sel.find("option:selected:first").prev().insertAfter($sel.find("option:selected:last"));
    });
    $("#" + imgDown).click(function () {
        if ($sel.find("option:selected").length == 0) {
            return;
        }
        if ($sel.find("option:selected:last").next().length == 0) {
            return;
        }
        $sel.find("option:selected:last").next().insertBefore($sel.find("option:selected:first"));
    });
}
})(jQuery);
//=====================================================================  
//插件名称: LSelect_RVSelect    
//作    者: 
//功能说明: 设置左select右虚拟select的option的互相移动.  
//输入参数: 1-6:左select,右select ,>| ,> ,< , |< 这六个DOM元素的Id  
//          7:checkbox的name  
//          8:select中option是否移动 (无此参数则为可移动---true)  
//          9:li是否可移动           (无此参数则为可移动---true)  
//调用示例:$(function (){ $.fn.LSelect_RVSelect("selLeft", "ulVirtualSel", "img_L_AllTo_R", "img_L_To_R", "img_R_To_L", "img_R_AllTo_L","chkItem");}  
//输出参数:  
//创建日期: 2011-08-31
(function ($) {
    jQuery.fn.LSelect_RVSelect = function (selLeft, ulVirtualSel, img_L_AllTo_R, img_L_To_R, img_R_To_L, img_R_AllTo_L, chkName, selOpIsRemovable, liIsRemovable) {
        $("#" + img_L_AllTo_R + ",#" + img_L_To_R + ",#" + img_R_To_L + ",#" + img_R_AllTo_L).css("cursor", "pointer");
        if (typeof (selOpIsRemovable) == "undefined") {
            selOpIsRemovable = true;
        }
        if (typeof (liIsRemovable) == "undefined") {
            liIsRemovable = true;
        }
        //左边的select的option双击  
        $("#" + selLeft).live("dblclick",function () {
            var obj = $("#" + selLeft + " :selected");
            selToUL(obj);
        });
        //click '>|'  
        $("#" + img_L_AllTo_R).click(function () {
            var obj = $("#" + selLeft + " option");
            selToUL(obj);
        });
        //click '>'  
        $("#" + img_L_To_R).click(function () {
            var obj = $("#" + selLeft + " :selected");
            selToUL(obj);
        });
        //右边的li单击, 设置样式
        $("#" + ulVirtualSel + " li").live("click", function() {
            $(this).toggleClass("ulVirtualSel_Click");
        });
        $("#" + ulVirtualSel + " li").live("dblclick", function() {
            var obj = $(this);
            ulToSel(obj);
        });

        //click '<'  
        $("#" + img_R_To_L).click(function () {
            var obj = $("#" + ulVirtualSel + " li[class='ulVirtualSel_Click']");
            ulToSel(obj);
        });
        //click '|<'  
        $("#" + img_R_AllTo_L).click(function () {
            var obj = $("#" + ulVirtualSel + " li");
            ulToSel(obj);
        });
        //select to ul  
        function selToUL(jqObj) {
            jqObj.reverseSelf().each(function () {
                var selVal = $(this).val();
                if (!isExtInUL(selVal, ulVirtualSel)) {
                    var html = "<li><input name='" + chkName + "' type='checkbox' value='" + selVal + "'><span>" + $(this).text() + "</span></li>";
                    $("#" + ulVirtualSel).prepend(html);
                }
                if (selOpIsRemovable) {
                    $(this).remove();
                }
            });
        }
        //ul to select  
        function ulToSel(jqObj) {
            jqObj.reverseSelf().find(":checkbox").each(function () {
                var selVal = $(this).val();
                if (!isExtInSel(selVal, selLeft)) {
                    var html = "<option value='" + selVal + "'>" + $(this).parent().find("span").text() + "</option>";
                    $("#" + selLeft).prepend(html);
                }
                if (liIsRemovable) {
                    $(this).parent().remove();
                }
            });
        }
        //判断选中值是否在ul中  
        function isExtInUL(selVal, target) {
            var result = false;
            $("#" + target + " :checkbox").each(function () {
                if ($(this).val() == selVal) {
                    result = true;
                }
            });
            return result;
        }
        //判断选中值是否在select中  
        function isExtInSel(selVal, target) {
            var isExist = false;
            $("#" + target + " option").each(function () {
                if (selVal == $(this).val()) {
                    isExist = true;
                }
            });
            return isExist;
        }
    }
})(jQuery);


吉普赛的歌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery取得select选择的文本与值的示例
12-10
获取select ： 获取select 选中的 text : $(“#ddlregtype”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlregtype “).val(); 获取select选中的索引: $(“#ddlregtype “).get(0).selectedindex; 设置select: 设置select 选中的索引： $(“#ddlregtype “).get(0).selectedindex=index;//index为索引值 设置select 选中的value： 代码如下: $(“#ddlregty
使select可以输入
09-17
自制的jquery插件，只需要一行代码，即可将select控件变成一个即可以输入也可以选择的元素，输入时也会有智能提示。对原来的select的操作完全没有改变，取值依然是取select的值，设置选中，添加项删除项等等都没有改变。用脚本动态设置select的值时请在后面加上一个change()这样显示的值才会改变。不知道怎么监控脚本对select的值的修改。
力软lrselect下拉框默认选择
superpan的博客
06-09 3061
力软lrselect下拉框默认选择 使用 $(’#CobProj’).lrselectSet(data.data[0].f_id);
力软语法
weixin_44345433的博客
10-26 1740
Index.js数据字典下拉调用 $(’#字段名’).lrDataItemSelect({placeholder:‘优惠券分类’,code:‘Classification’});
使用说明 LR-BH.., LR.....-BV.., LR.....-BF., LR.....-BG[手册].pdf
09-12
使用说明 LR-BH.., LR.....-BV.., LR.....-BF., LR.....-BG[手册]pdf,
编译原理实验lr0.rar
07-09
实验内容：1、任意输入一个文法，判断该文法是否为LR(0)文法。若是，转入第2步；若不是，继续输入一个文法，直到输入一个LR（0）文法。 2、输入一个文法符号串，并判断它是否为文法的一个句子。
资料-LR34063.zip
01-15
资料-LR34063.zip
LR预设.zip_
08-09
这是基于ADOBE公司旗下Lightroom软件中的一些胶片预设，日系风格
lr.rar_LR
09-20
算符优先分析法，中间代码选用逆波兰式。 欢迎下载！
LR参数表中select next row和update value on的设置
08-20
参数表中select next row和update value on的设置
Loadrunner参数表中select next row和update value on的设置
06-23
Loadrunner参数表中select next row和update value on的设置
改写下jquery.searchableSelect.js 支持汉字模糊查询
11-23
改写下jquery.searchableSelect.js 支持汉字模糊查询，里面有汉字库，如果没有的汉字请按规则加入
loadrunner并发迭代时参数取值问题
ccjjyy的专栏
01-02 4829
<br />假设存在： <br />数据：A、B、C <br />虚拟用户：Vuser1、Vuser2、Vuser3 <br />脚本中参数出现三次，脚本迭代三次 <br /><br />怎样取下一行数据？ <br />Sequential：顺序，所有虚拟用户按照顺序读取数据表 <br />Random：随机，所有虚拟用户随机形式读取数据表 <br />Unique：唯一，所有虚拟用户每次各取一值（不重复） <br /><br />什么时候访问数据表完成数据更新？ <br />Each iteration：
LR：关联的原理
热门推荐
he_jian1的专栏
12-03 2万+
关联原理 先来模拟一个场景：我们去坐飞机，登机前需要在检票点出示机票，检票登机。那么检票人员会检查哪些东西呢？机票是否真实、航班是否正确等信息，验证通过即可登机。 过了几天我们又去坐飞机，还是拿同样的一张票去登机，检票人员再一次核对信息，发现机票已经过期了，自然就不能成功登机了，那怎么才能顺利登机呢？可以通过伪造机票信息的方式来登机，首先去询问其他乘客的机票信息，然后将自己的机票涂改为他们的机
LR的九种参数取值方法
weixin_33935505的博客
04-17 693
取值方式最好自己操作一遍可以加深理解，对于参数化跑场景时非常有意义。 转载于:https://www.cnblogs.com/fgjl/p/10722565.html
【LGame入门学堂010.控件篇】简单控件之LSelect
tansitongba
05-08 79
这章我们来看看LSelect吧~1.这个控件可以理解为单选按钮吧，我也只是刚接触喇，所以也只是了解了表层。使用倒是挺简单的，来看代码吧：LSelect select = new LSelect(0, 200, 150, 220); select.setMessage("你觉得LGame好玩吗？", ...
if opt.cuda: LR1 = LR1.cuda() LR0 = LR0.cuda()是什么
最新发布
05-13
这是一段 Python 代码，其中 opt 是一个对象，它有一个名为 cuda 的属性。如果 cuda 为真，即 opt.cuda 为 True，那么 LR1 和 LR0 这两个变量将被转移到 GPU 上。这通常在使用 PyTorch 进行深度学习时使用，以加速模型的训练和推理。LR1 和 LR0 可能是 PyTorch 中的张量（Tensor）或变量（Variable）。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值