JavaScript の選択およびオプション リストの要素が上下左右に移動する_フォームの特殊効果

著者 馬建安

<title> 新しいドキュメント </title> <meta name="Author" content="majianan"> <form id="form1"> <table width="40%" align="center"> <tr> <td> <input type="button" value=" Up " id="btnUp" onclick="move(true);" style="width:65"> <input type="button" value=" Down " id="btnDowm" onclick="move(false);" style="width:65"> </td> <td> <select multiple id="leftSel" onclick="setButton(this)" style="height:200px;width:100px;"> <option value="1">Java</option> <option value="2">JavaScript</option> <option value="3">C </option> <option value="4">HTML</option> </select> </td> <td> <input type="button" value=" >> " id="btnRight" onclick="move(document.getElementById('leftSel'),document.getElementById('rightSel'));" style="width:65"> <input type="button" value=" << " id="btnLeft" onclick="move(document.getElementById('rightSel'),document.getElementById('leftSel'));" style="width:65"> </td> <td> <select multiple id="rightSel" onclick="setButton(this)" style="height:200px;width:100px;"> <option value="5">CSS</option> <option value="6">.Net</option> </select> </td> </tr> </table> </form>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]