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

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注