JS获取下拉列表选中项的value

姓蔡小朋友

已于 2022-09-01 14:42:49 修改

阅读量771

点赞数

分类专栏： JavaScript 文章标签： javascript html5 开发语言

于 2022-09-01 13:18:12 首次发布

本文链接：https://blog.csdn.net/m0_53881899/article/details/126641278

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>获取下拉列表选中项的value</title>
	</head>
	<body>	
		<script type="text/javascript">
			window.onload = function(){
				var provinceListElt = document.getElementById("provinceList");
				provinceListElt.onchange = function(){
					// 获取选中项的value
					alert(provinceListElt.value);
				}
			}
		</script>
		<select id="provinceList">
			<option value="">--请选择省份--</option>
			<option value="001">河北省</option>
			<option value="002">河南省</option>
			<option value="003">山东省</option>
			<option value="004">山西省</option>
		</select>
		
	</body>
</html>