7-8 编程练习

7-8 编程练习

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript" src="index.js" charset="UTF-8"></script>

</head>

<body onload="address()">

    <form>

        省份:

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

        <select name="provinces" id="provinces" onchange="linkage()"> </select>

         市/区:

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

         <select name="cities" id="cities" > </select>

    </form>

</body>

</html>



function address(){

    /*请在此补充代码*/ 

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

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

    var provinces=new Array("北京市","天津市","河北省","河南省");

    var cities=new Array("朝阳区","西城区","石家庄","邯郸市","西青区","武清区","郑州市","开封市");

    

    selectAdd(province,provinces);

    selectAdd(city,cities);


}

function selectAdd(obj,value){

/*请在此补充代码*/  

for(var c in value){

    obj.options.add(new Option(value[c],value[c]));

}

}

function linkage(){

/*请在此补充代码*/ 

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

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

var prov=province.value;

var cities;

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

   cities=new Array("朝阳区","西城区");

    

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

    cities=new Array("西青区","武清区");

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

    cities=new Array("石家庄","邯郸市");

}else if(prov=="河南省"){

    cities=new Array("郑州市","开封市");

}

city.options.length=0;

selectAdd(city,cities)


}

作业上显示可以, 但是自己浏览器显示乱码,请老师帮忙看一下

http://img1.sycdn.imooc.com//climg/60e2defa09f1d2d819200881.jpg

http://img1.sycdn.imooc.com//climg/60e2df3b09d61e6607010231.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小尤 2021-07-05 18:59:08

同学你好,1、已完成练习,老师在本地测试代码是没有问题的,如下所示:

http://img1.sycdn.imooc.com//climg/60e2e2ef0934531702660075.jpg

2、可能是同学文件编码问题,则建议同学重新创建文件试一下。

3、如果还存在问题,则建议同学查看html文件的保存编码,选择File->save with encoding,如下所示:如果不会UTF-8,则建议将Sublime的编码方式修改为UTF-8。

http://img1.sycdn.imooc.com//climg/5f2bd67409864dc905290357.jpg

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师