请问为什么第一次点的是北京，没点其他地方前，第二栏就会一直显示所有的区？怎么改？

var arr=["北京市","天津市","河北省","河南省"];
    var arr1=["朝阳区","西城区"];
    var arr2=["西青区","武清区"];
    var arr3=["石家庄","邯郸市"];
    var arr4=["郑州市","开封市"];
function address(){
        /*请在此补充代码*/
    var province=document.getElementById("province");
    var city=document.getElementById("city");
    selectAdd(province,arr);
    selectAdd(city,arr1);
    selectAdd(city,arr2);
    selectAdd(city,arr3);
    selectAdd(city,arr4);
}
function selectAdd(obj,arr){
        /*请在此补充代码*/  
        for(var i in arr){
            obj.options.add(new Option(arr[i],arr[i]));
        }
}
function linkage(){
//     /*请在此补充代码*/ 
    var province=document.getElementById("province");
    var city=document.getElementById("city");
    var pro=province.value;
    var finalarr=[];
    if(pro==arr[0]){
        finalarr=arr1;
    }else if(pro==arr[1]){
        finalarr=arr2;
    }else if(pro==arr[2]){
        finalarr=arr3;
    }else if(pro==arr[3]){
        finalarr=arr4;
    }
    city.options.length=0;
    selectAdd(city,finalarr);
}

<html>
<head>
    <meta charset="UTF-8">
<title>Document</title>
    <script type="text/javascript" src="index.js"></script>
</head>
<body onload="address()">
<form>
 省份：
<!--  请在此补充代码 -->
<select id="province" onchange="linkage()"></select>
 市/区：
 <!--  请在此补充代码 -->
 <select id="city" ></select>
</form>
</body>
</html>

慕工程331170 2020-03-19

源自：JavaScript入门 7-8 编程练习

收起

2回答

好帮手慕小脸回答被采纳获得+3积分 2020-03-20 19:53:11

同学你好，按照老师之前的写法进行测试是正确的。

同学可以检查一下自己是否更改了代码哦。

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

收起回答

慕工程331170 提问者 #1

本来一共有八个区，像您写的这样不就一共只有两个了吗？那我点天津市的时候，不也只能显示北京的两个区吗？我想问的是，我运行代码，第一次点的如果是天津市，河北省，河南省，第二行都会出现各自的两个管辖区，这个是对的，但是如果第一次点的是北京，后面那一栏的八个区就全显示出来了，请问这个怎么解决？

2020-03-21 00:39:37
慕工程331170 提问者 #2

本来一共有八个区，像您写的这样不就一共只有两个了吗？那我点天津市的时候，不也只能显示北京的两个区吗？我想问的是，我运行代码，第一次点的如果是天津市，河北省，河南省，第二行都会出现各自的两个管辖区，这个是对的，但是如果第一次点的是北京，后面那一栏的八个区就全显示出来了，请问这个怎么解决？

2020-03-21 00:39:40
好帮手慕小脸回复提问者慕工程331170 #3

你可能没有理解老师意思，像老师这样写的话就是每个市对应每个区。就不会出现同学说的第一次点击北京市会出现所有区。如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

2020-03-21 10:23:29