JavaScript Select和Option列表元素上下左右移动_表单特效

作者 马嘉楠

<title> New Document </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需刷新才能执行]