<! 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> <table width =" 27% "height =" 194 "border =" 0 "cellpadding =" 1 "cellspacing =" 0 "> <tr> <td width =" 21% "> <select id =" selectfrom "size =" 15 "multiple =" multiple "style =" width: 100px "> <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 "style =" width: 40px "value ="> "onclick =" add () "/> </p> <p align =" center "> <input name =" del "type =" button "id =" del "value =" <"style =" width: 40px "onclick =" del () "/> </p> <p align =" center "> <input name =" delAll "type =" button "id =" delAll "value =" <"style = ""width: 40px "onclick =" delAll () "/> </p> </td> <td width =" 22% "> <select id =" select2 "size =" 15 "multiple =" multiple "style =" width: 100px "> </select> </td> </tr> </table> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]