Select 多选的实现

HTML

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

  JS

<script type="text/javascript">

	function getvalue_name(geto) {
		var allvalue = "";
		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的标签的内容,S1
var city_name=getvalue_name(s1);--获取点击的名字 city_name
document.getElementById("right1/qwe").value=city_name;

  

posted @ 2014-10-27 10:31  zqk  阅读(402)  评论(0编辑  收藏  举报