Select列表左右內容交換的JS代碼，支持同時多選

2024-09-05 12:22:09

字體：大中小

來源：轉載

供稿：網友

在一些人才網站或編程技術類網站經常可以看到讓從一個左側的Select列表中選擇相應項到右側列表，可以同時多選，也可以撤銷，以前搞不懂是怎么回事，看了代碼才知道，原來是這么簡單。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Select列表左右交換內容的JS</title><SCRIPT LANGUAGE="JavaScript"></script></head><body><form ACTION="" METHOD="POST"><table border="0"><tr><td><select multiple size="5" name="list1"><option value="ASP">ASP </option><option value="PHP"> PHP</option><option value="JSP"> JSP</option></select></td><td><input type="button" value=" >> " onclick="move(this.form.list1,this.form.list2)" name="B1"><input type="button" value=" << " onclick="move(this.form.list2,this.form.list1)" name="B2"></td><td><select multiple size="5" name="list2"><option value="JAVA">JAVA</option><option value="DELPHI">DELPHI</option><option value="C++">C++</option></select></td></tr></table></form><p>可以同時多個左右移動</p></body></html>

上一篇：按回車提交的代碼

下一篇：下拉列表框數據的增加、刪除、上下排序的JavaScript