快捷導(dǎo)航

JavaScript Select和Option列表元素上下左右移動(dòng)

更新時(shí)間：2008年12月26日 23:08:24 作者：

支持一次選中多項(xiàng)在左右列表中來回移動(dòng)

作者馬嘉楠

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author" CONTENT="majianan">  </HEAD> <BODY> <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> </BODY> </HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: