Select 多选的实现

最新推荐文章于 2025-08-15 09:50:45 发布

weixin_30528371

最新推荐文章于 2025-08-15 09:50:45 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ustc-zqk/p/4053611.html

本文介绍如何使用HTML创建一个多选下拉框，并通过JavaScript获取所选城市名称。此方法适用于表单中需要用户选择多个选项的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

<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;

转载于:https://www.cnblogs.com/ustc-zqk/p/4053611.html