首页 > 代码库 > Select 多选的实现

Select 多选的实现

HTML

<TD width="20%"><html:select property="right1" style="HEIGHT: 390px; WIDTH: 90px" multiple="true">				<html:option value="http://www.mamicode.com/亳州">亳州</html:option>				<html:option value="http://www.mamicode.com/宣城">宣城</html:option>				<html:option value="http://www.mamicode.com/芜湖">芜湖</html:option>				<html:option value="http://www.mamicode.com/铜陵">铜陵</html:option>				<html:option value="http://www.mamicode.com/宿州">宿州</html:option>				<html:option value="http://www.mamicode.com/马鞍山">马鞍山</html:option>				<html:option value="http://www.mamicode.com/六安">六安</html:option>				<html:option value="http://www.mamicode.com/黄山">黄山</html:option>				<html:option value="http://www.mamicode.com/淮南">淮南</html:option>				<html:option value="http://www.mamicode.com/淮北">淮北</html:option>				<html:option value="http://www.mamicode.com/合肥">合肥</html:option>				<html:option value="http://www.mamicode.com/阜阳">阜阳</html:option>				<html:option value="http://www.mamicode.com/滁州">滁州</html:option>				<html:option value="http://www.mamicode.com/池州">池州</html:option>				<html:option value="http://www.mamicode.com/蚌埠">蚌埠</html:option>				<html:option value="http://www.mamicode.com/安庆">安庆</html:option></html:select></td>

  JS

<script type="text/javascript">	function getvalue_name(geto) {		var allvaluehttp://www.mamicode.com/= "";		for (var i=0;i<geto.options.length;i++) {			if (geto.options[i].selected==true) {				if (i<geto.options.length-1) {					allvalue +=geto.options[i].value + "‘,‘";				}			}		}		return allvalue;	}</script>

  按钮

var s1=document.getElementById("right1");--获取select的标签的内容,S1var city_name=getvalue_name(s1);--获取点击的名字 city_namedocument.getElementById("right1/qwe").value=http://www.mamicode.com/city_name;>

  

Select 多选的实现