就这样努力下去 2016-09-29 09:54 采纳率: 16.7%
浏览 3392

用js写出在第一个下拉列表中选择一个省，后面第二个下拉列表就会出现前面省对应的市，用js怎样写

在第一个下拉列表中选择一个省，后面第二个下拉列表就会出现前面省对应的市，用js怎样写

  • 写回答

4条回答 默认 最新

  • meicuojiushiwoi 2016-09-29 11:57
    关注

    <!DOCTYPE html>

    <head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        var city = new Array();
        city["广东省"] = ["广州市", "深圳市", "茂名市", "珠海市", "湛江市"];
        city["广西省"] = ["玉林市", "白色市", "桂林市"];
        city["湖南省"] = ["长沙市", "岳阳市", "湘潭市"];
        city["海南省"] = ["三亚市", "三沙市", "海口市"];

         var qu=new Array();
         qu["广州市"]=["黄浦区","越秀区","番禺区"];
         qu["玉林市"]=["玉林一区","玉林二区","玉林三区"];
         qu["长沙市"]=["长沙一区","长沙二区","长沙三区"];
         qu["深圳市"]=["龙华区","福田区","宝安区"];
        function sheng() {
            var sheng = document.getElementById("sheng");
            for(var i in city) {
                sheng.add(new Option(i, i), null);
            }
        }
        window.onload = sheng;
        function shi() {
            var shi = document.getElementById("shi");
            var sheng = document.getElementById("sheng").value;
            shi.options.length = 0;
            for(var i in city[sheng]) {
                shi.add(new Option(city[sheng][i], city[sheng][i]), null);
            }
        }
        function que(){
            var q=document.getElementById("q");
            var shi=document.getElementById("shi").value;
            q.options.length=0;
            for(var i in qu[shi]){
                q.add(new Option(qu[shi][i],qu[shi][i]),null);
            }
        }
    </script>
</head>

<body>
    <select id="sheng" onchange="shi()">

    </select>
    <select id="shi" onchange="que()">

    </select>
    <select id="q"></select>
</body>

    </html

    评论

报告相同问题？

悬赏问题

  • ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
  • ¥15 如何在scanpy上做差异基因和通路富集？
  • ¥20 关于#硬件工程#的问题，请各位专家解答！
  • ¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错，维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯：Person is not mapped，如何解決？