老师，刷新后默认出现的市区全部显示如何解决？

首页课程实战体系课手记专栏慕课教程

来源：7-8 编程练习

慕运维9017649

2020-04-14 11:02:37

还有一个问题，提问区选择html后代码无法粘贴，求解决

写回答

1回答

guly

2020-04-14

你好，老师运行你的代码是没有问题的.所有市区是显示出来的，如：

参考代码如下：

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript" >
        function address(){

            /*请在此补充代码*/

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

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

            var pr = ["北京","天津","河北","河南"];

            var c = ["朝阳","西城","石家庄","邯郸","西清","武清","郑州","开封"];

            selectAdd(pv,pr,pr);

            selectAdd(ct,c,c);

        }

        function selectAdd(obj,name,value){

            /*请在此补充代码*/

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

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

            }

        }

        function selectcity(){

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

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

            var p = province.value;

            var c1=[];

            if(p == "北京")

            {

              c1 = ["朝阳","西城"];

            }else if(p == "天津"){

                c1  = ["西清","武清"];

            }else if(p == "河北"){

                c1  = ["石家庄","邯郸"];

            }else {

                c1  = ["郑州","开封"];

            }

            city.options.length=0;

            selectAdd(ct ,c1 ,c1 )

        }

    </script>

</head>

<body onload="address()">

<form>

    省份：

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

    <select name="province" id="province" onchange="selectcity()"></select>

    市/区：

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

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

</form>

</body>

</html>

老师测试在html下粘贴是没有问题的，祝学习愉快！

0 学习 · 9666 问题

查看课程

相似问题

页面第一次刷新,默认北京市,点击北京市无法显示市区SELECT的数值,点击其他省再切回来就可以

回答 1

老师，我实现不了，你帮我看看哪块有问题？如何解决

回答 2

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

回答 2

运行代码后北京的市区可以正常显示，但切换省份之后，市区就一直为空了，为什么？

回答 2

请问问题出在哪里呢？

回答 2

打开慕课网App查看更多内容