<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" > <ptml> <pead> <meta http-equiv= "Content -type "content=" text/html; Charset=iso-8859-1 "> <title>insert title here</title> </pead> <body> <script language=" JavaScript "> Function Add () {var opt=selectfrom.options; Len=opt.length; for (i=len-1;i>-1;i--) {if (opt[i].selected) {select2.appendchild (opt[i)); }} function AddAll () {var opt=selectfrom.options; Len=opt.length; for (i=len-1;i>-1;i--) {select2.appendchild (opt[i]); } function del () {var opt=select2.options; Len=opt.length; for (i=len-1;i>-1;i--) {if (opt[i].selected) {selectfrom.appendchild (opt[i)); }} function Delall () {var opt=select2.options; Len=opt.length; for (i=len-1;i>-1;i--) {selectfrom.appendchild (opt[i]); } </script> <body> <table width= "27%" height= "194" border= "0" cellpadding= "1" cellspacing= "0" > &L t;tr> <td width= "21%"><select id= "Selectfrom" size= "multiple=" > <option>a</option> <option>b< /option> <option>c</option> <option>d</option> <option>e</option> < option>f</option> <option>g</option> <option>h</option> <option>i</ option> <option>j</option> <option>k</option> <option>j</option> <option >m</option> <option>n</option> </select></td> <td width= "57%" ><p align= " Center "> <input name=" addall "type=" button "id=" AddAll "value=" >> "style=" width:40px "onclick=" AddAll () "/ > </p> <p align= "center" > <input name= "Add" type= "button" id= "Add" value= ">" onclick= "Add ()"/&G T </p> <p align= "center" > <input name= "del" type= "button" id= "del" value= "<" onclick= "del ()"/> &L t;/p> <p align= "center" > <input name= "deLAll "type=" button "id=" Delall "value=" << "onclick=" Delall () "/> </p></td> <td width=" 22% "> <select id= "Select2" size= "multiple=" "multiple" > </select></td> </tr> </table> < /body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
