省份选择器

最新推荐文章于 2024-07-11 11:44:33 发布

weixin_34241036

最新推荐文章于 2024-07-11 11:44:33 发布

阅读量152

点赞数

原文链接：http://www.cnblogs.com/Shirley-He/p/5043703.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

<select id="province" οnchange="chooseCity(this)">
<option value="0">四川</option>
<option value="1">福建</option>
<option value="2">广东</option>
<option value="3">湖南</option>
</select>
<select id="city"></select>
</body>
<script>
var province = document.getElementById("province");
var city = document.getElementById("city");
var citys = [["成都", "都江堰", "巴中", "泸州"], ["福州", "厦门", "泉州"], ["广州", "汕头", "潮州"], ["长沙", "株洲", "湘西"]];
function chooseCity(pro) {
for (var i = 0; i < citys.length; i++)
if (pro.value == i) {
city.options.length = 0;
for (var j = 0; j < citys[i].length; j++) {
var optionEle = document.createElement("option");
city.appendChild(optionEle);
optionEle.innerHTML = citys[i][j];
}
}
}
chooseCity(province);
</script>
</html>