学无先后,达者为师

网站首页 编程语言 正文

Jquery实现多选下拉列表左右移动_jquery

作者:a远方少年   更新时间: 2022-04-26 编程语言

本文实例为大家分享了Jquery实现多选下拉列表左右移动的具体代码,供大家参考,具体内容如下

jquery实现核心代码

//需求:实现下拉列表选择条目左右选择功能
        $(function () {
            //右移
            $("#toRight").click(function () {
                //获取右边的下拉列表对象,append(左边选中的对象)
                $("#rightName").append($("#leftName > option:selected"));
            });
            //左移
            $("#toLeft").click(function () {
                $("#leftName").append($("#rightName > option:selected"));
            });
 })


    
        
        
        


        

        

    
    
        
                         
                
                             
                     
    

原文链接:https://blog.csdn.net/weixin_42623237/article/details/104656814

栏目分类
最近更新