<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>获取下拉列表选中项的value</title>
</head>
<body>
<!-- 使用数据库表存储的省份数据,找到对应的市区 -->
<!-- 使用onchange事件 -->
<!-- this代表当前下拉列表对象province -->
<select id="province" onchange="alert(this.value)">
<option value="">选择省份</option>
<option value="001">云南</option>
<option value="002">山东</option>
<option value="003">四川</option>
<option value="004">贵州</option>
</select>
<!-- 或者使用script -->
<select id="province2">
<option value="">选择省份</option>
<option value="001">云南</option>
<option value="002">山东</option>
<option value="003">四川</option>
<option value="004">贵州</option>
</select>
</body>
</html>
<script>
window.onload = function(){
document.getElementById("province2").onchange = function(){
// console.log(this.value) // this代表当前下拉列表对象province2
//或者
console.log(document.getElementById("province2").value)
}
}
</script>
获取下拉列表重点value
于 2023-04-22 18:19:36 首次发布