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

2024-09-05 12:22:09

字體：大中小

供稿：網(wǎng)友

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

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Select列表左右交換內(nèi)容的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>

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

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