html 元素左移右移

    Title


    div{
        width: 200px;
        float: left;
        text-align: center;
    }
    select{
        width: 100px;
        height: 140px;
    }



    $(function (){
        $("#left button:eq(0)").click(function (){
            // alert($("select[name='sele1']").val());
            $("select[name='sele1'] option:selected").appendTo($("select:eq(1)"));
        });
        $("#left button:eq(1)").click(function (){
            $("select[name='sele1'] option").appendTo($("select:eq(1)"));
        });


        $("#rigth button:eq(0)").click(function (){
            $("select[name='sele2'] option:selected").appendTo($("select:eq(0)"));
        });
        $("#rigth button:eq(1)").click(function (){
            $("select[name='sele2'] option").appendTo($("select[name='sele1']"));
        });
    });




    
        1
        2
        3
        4
        5
        6
    
    选中添加到右边
    全部添加到右边


    

    
    选中删除到左边
    全部删除到左边