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 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]