老师来看看
来源:7-8 编程练习
Deity_zc
2020-08-10 23:22:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body onload="address()">
<form>
省份:
<!-- 请在此补充代码 -->
<select name="province" id="province" onchange="linkage()"></select>
市/区:
<!-- 请在此补充代码 -->
<select name="city" id="city"></select>
</form>
</body>
</html>
function address(){
/*请在此补充代码*/
var province = document.getElementById("province");
var sheng = ["北京市","天津市","河北市","河南市"];
selectAdd(province,sheng,sheng);
var city = document.getElementById("city");
var shi= ["朝阳区","西城区","石家庄","邯郸市","西青区","武清区","郑州市","开封市"];
selectAdd(city,shi,shi);
linkage();
}
function selectAdd(obj,name,value){
/*请在此补充代码*/
for (var i in name) {
obj.options.add(new Option(name[i],value[i]));
}
}
function linkage(){
/*请在此补充代码*/
var province = document.getElementById("province");
var city = document.getElementById("city");
var sheng = province.value;
var change;
if (sheng == "北京市") {
change = ["朝阳区","西城区"];
}else if (sheng == "天津市") {
change = ["西青区","武清区"];
}else if (sheng == "河北市") {
change = ["石家庄","邯郸市"];
}else{
change = ["郑州市","开封市"];
}
city.options.length = 0;
selectAdd(city,change,change);
}
1回答
好帮手慕小尤
2020-08-11
已完成练习,棒棒哒!继续加油!
祝学习愉快!
相似问题