JS書くのテーブルで使用し、それぞれのjQueryを引きます

<！DOCTYPE HTML> 
<HTML> 
<HEAD LANG = "EN"> 
    <メタ文字コード= "UTF-8"> 
    <タイトル> jQueryの下拉列表的使用</ TITLE> 
    <スタイル> 
        を選択し、{ 
            幅：90PX; 
            高さ：128px; 
        } 
    </スタイル> 
    <スクリプトsrcは= "jqueryの- 2.1.4.js"> </ SCRIPT> 
    <SCRIPT> 
        //全部右移
        関数moveAllToRight（）{ 
         $（ "＃左のオプション"）。appendTo（$（」 ＃右"））; 
        } 

        //选中右移
        関数moveToRight（）{ 

            $（ "＃左のオプション：選択した"）。appendTo（$（ "＃右"））;





            。$（ "＃右のオプション：選択した"）appendTo（$（ "＃は左"））; 
        } 
        //全部左移
        機能moveAllToLeft（）{ 

            。$（ "＃右オプション"）appendTo（$（ "＃は左"））; 
        } 
    </ SCRIPT> 
</ head> 
<body> 
    <選択ID = "左" NAME = "左"複数= "複数"サイズ= "7"> 
        <オプション値= "1">选项一</オプション> 
        <オプション値= "2">选项二</オプション> 
        <オプション値= "3">选项三</オプション> 
        <オプション値= "4">选项四</オプション> 
        <オプション値= "5">选项五</オプション>




    <SELECT ID = "右" NAME = "右"複数= "複数"サイズ= "7"> </選択> 

    <BR> 
    <BR> 
    の<input type = "ボタン"値= "全部右移" onclickの=」 moveAllToRight（） "> 
    の<input type ="ボタン」値= "选中右移"のonclick = "moveToRight（）"> 
    の<input type = "ボタン"値= "选中左移"のonclick = "moveToLeft（）"> 
    <入力タイプ= "ボタン"値= "全部左移"のonclick = "moveAllToLeft（）"> 
</ BODY>

</ HTML>

<！DOCTYPE HTML> 
<HTML> 
<HEAD LANG = "EN"> 
    <メタ文字コード= "UTF-8"> 
    <タイトル> JS下拉列表的使用</ TITLE> 
    <スタイル> 
        を選択し、{ 
            幅：90PX; 
            高さ：128px; 
        } 
    </スタイル> 
    <スクリプト> 
        のvar左; 
        VaRの右; 
        window.onload =関数（）{ 
            左=のdocument.getElementById（ "左"）。
            右=のdocument.getElementById（ "右"）; 
        } 
        //全部右移
        関数moveAllToRight（）{ 
            VAR optionList = left.options。
            以下のため（のvar i = 0; iの< optionList.length; I ++）{
                //右へのすべてのオプション要素左追加
                ; right.appendChild（optionlist [I]）
                ; i-- 
            } 
        } 

        //右チェック
        （）関数moveToRightを{ 
            ; VAR optionlist = left.options 
            Iは=（VARため0; I <optionList.length; I ++）{ 
                IF（optionlist [I] .selected）{//選択されたオプションフィルタリング
                    右に要素を追加するために、選択されたオプションのそれぞれの左側に// 
                    （optionListをright.appendChildを[I] ）; 
                    i--; 
                } 
            } 
        } 

        //左のチェック
        機能をmoveToLeft（）{ 
            VARのoptionlist = right.options。
            用（VARのI = 0;私は<optionList.length; Iは++）{ 
                IF（optionlist [I] .selected）{//選択されたオプション除外
                    左に選択されたオプションの要素のそれぞれの右側に追加// 
                    left.appendChildを（optionlist [I]）; 
                    i--; 
                } 
            } 
        } 

        //すべての左
        関数moveAllToLeft（）{ 
            VARのoptionlist = right.options; 
            {（; I <optionList.length I ++はVAR I = 0）のための
                //各オプションの要素は左に右に追加され
                、left.appendChild（optionlist [I]）
                i--; 
            } 
        } 
    </ SCRIPT> 
</ HEAD> 
<BODY>
    <選択ID = "左" NAME = "左"複数= "複数"サイズ= "7"> 
        <オプション値= "1">选项一</オプション> 
        <オプション値= "2">选项二</オプション> 
        <オプション値= "3">选项三</オプション> 
        <オプション値= "4">选项四</オプション> 
        <オプション値= "5">选项五</オプション> 
        <オプション値= "6" >选项六</オプション> 
        <オプション値= "7">选项七</オプション> 
    </選択> 

    <SELECT ID = "右" NAME = "右"複数= "複数"サイズ= "7"> </ >を選択し

    <BR> 
    <BR> 
    <入力タイプ= "ボタン"値= "全部右移"のonclick = "moveAllToRight（）"> 
    の<input type = "ボタン"値= "选中右移"のonclick = "moveToRight（）"> 
    の<input type = "ボタン"値= "选中左移"のonclick = "moveToLeft（）">
    <input type = "ボタン"値= "全部左移"のonclick = "moveAllToLeft（）"> 
</ BODY>

JS書くのテーブルで使用し、それぞれのjQueryを引きます

おすすめ