老师,还有没有更便捷的方法!

来源:7-8 编程练习

慕无忌3584439

2020-08-22 12:39:28

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>Document</title>

    <script type="text/javascript" src="index.js"></script>

    <style>

        div{

            height:100px;

            padding-top:10px;

            border-top:1px solid #cccccc;

            width:260px;

        }

    </style>

</head>

<body onload="address()">

<form>

    <div name="div1">

省份:

<!--  请在此补充代码 -->

<select id="province" onchange="linkage()"></select>

市/区:

<!--  请在此补充代码 -->

<select id="city"></select>

</div>

</form>

</body>

</html>


function address(){

     /*请在此补充代码*/ 

     /*获取元素*/

     var province=document.getElementById("province");

     var city=document.getElementById("city");

     var arrPro=["北京市","天津市","河北省","河南省"];

     var arrBj=["朝阳区","西城区"];

     selectAdd(province,arrPro);

     selectAdd(city,arrBj);

     

}

function selectAdd(obj,name){

/*请在此补充代码*/  

for(var i=0;i<name.length;i++){

    obj.options.add(new Option(name[i],name[i]));

}

}

function linkage(){

/*请在此补充代码*/  

var province=document.getElementById("province");

    var city=document.getElementById("city");

    

    var arrBj=["朝阳区","西城区"];

    var arrTj=["西青区","武清区"];

var arrHb=["石家庄","邯郸市"];

var arrHn=["郑州市","开封市"];

    

    var proValue=province.value;

    var arry;

    if(proValue=="北京市"){

        arry=arrBj;

    }else if(proValue=="天津市"){

        arry=arrTj;

    }else if(proValue=="河北省"){

        arry=arrHb;

    }else{

        arry=arrHn;

    }

    city.options.length=0;

    selectAdd(city,arry);

    

}


写回答

1回答

好帮手慕阿园

2020-08-22

同学你好,代码完成的不错哦,已经很简便了,很棒,继续加油哦!

祝学习愉快

0

0 学习 · 9666 问题

查看课程