Write js use with table and pull respectively JQuery

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>JQuery下拉列表的使用</title>
    <style>
        select{
            width: 90px;
            height: 128px;
        }
    </style>
    <script src="jquery-2.1.4.js"></script>
    <script>
        //全部右移
        function moveAllToRight(){
         $("#left option").appendTo($("#right"));
        }

        //选中右移
        function moveToRight(){

            $("#left option:selected").appendTo($("#right"));        function moveToLeft () {        // check the left
        }




            $("#right option:selected").appendTo($("#left"));
        }
        //全部左移
        function moveAllToLeft() {

            $("#right option").appendTo($("#left"));
        }
    </script>
</head>
<body>
    <select id="left" name="left" multiple="multiple" size="7">
        <option value="1">选项一</option>
        <option value="2">选项二</option>
        <option value="3">选项三</option>
        <option value="4">选项四</option>
        <option value="5">选项五</option>    </ the SELECT>        <the Option value = "7"> Options seven </ the Option>
        <option value = "6"> Options six </ the Option>



    <select id="right" name="right" multiple="multiple" size="7"></select>

    <br>
    <br>
    <input type="button" value="全部右移" onclick="moveAllToRight()">
    <input type="button" value="选中右移" onclick="moveToRight()">
    <input type="button" value="选中左移" onclick="moveToLeft()">
    <input type="button" value="全部左移" onclick="moveAllToLeft()">
</body>

</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>JS下拉列表的使用</title>
    <style>
        select{
            width: 90px;
            height: 128px;
        }
    </style>
    <script>
        var left;
        var right;
        window.onload = function(){
            left = document.getElementById("left");
            right = document.getElementById("right");
        }
        //全部右移
        function moveAllToRight(){
            var optionList = left.options;
            for(var i = 0; i < optionList.length; i++){
                // add the left to the right every option element to 
                right.appendChild (optionlist [I]); 
                i--; 
            } 
        } 

        // check the right 
        function moveToRight () { 
            var optionlist = left.options; 
            for (var = I 0; I <optionList.length; I ++) { 
                IF (optionlist [I] .selected) {// filter out the selected option 
                    // to the left of each of the selected option to add elements to the right 
                    right.appendChild (optionList [i] ); 
                    i--; 
                } 
            } 
        } 

        // check the left 
        function moveToLeft () { 
            var optionlist = right.options;
            for (var I = 0; I <optionList.length; I ++) { 
                IF (optionlist [I] .selected) {// filter out the selected option 
                    // add to the right of each of the selected option element to the left to 
                    left.appendChild (optionlist [I]); 
                    i--; 
                } 
            } 
        } 

        // all left 
        function moveAllToLeft () { 
            var optionlist = right.options; 
            for (var I = 0; I <optionList.length; I ++) { 
                // the each option element is added to the right to the left to 
                left.appendChild (optionlist [I]); 
                i--; 
            } 
        } 
    </ Script> 
</ head> 
<body>
    <select id="left" name="left" multiple="multiple" size="7">
        <option value="1">选项一</option>
        <option value="2">选项二</option>
        <option value="3">选项三</option>
        <option value="4">选项四</option>
        <option value="5">选项五</option>
        <option value="6">选项六</option>
        <option value="7">选项七</option>
    </select>

    <select id="right" name="right" multiple="multiple" size="7"></select>

    <br>
    <br>
    <input type="button" value="全部右移" onclick="moveAllToRight()">
    <input type="button" value="选中右移" onclick="moveToRight()">
    <input type="button" value="选中左移" onclick="moveToLeft()">
    <input type="button" value="全部左移" onclick="moveAllToLeft()">
</body>

Write js use with table and pull respectively JQuery

Guess you like