老师来看看

来源: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

已完成练习,棒棒哒!继续加油!

祝学习愉快!

1

0 学习 · 16556 问题

查看课程