js 实现省市级联

最新推荐文章于 2024-03-04 14:09:24 发布

Fickle_actor

最新推荐文章于 2024-03-04 14:09:24 发布

阅读量2.3k

点赞数

分类专栏： web前端技术文章标签： js 省市级联

本文链接：https://blog.csdn.net/fickle_actor/article/details/77026017

版权

web前端技术专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script type="text/javascript">
        var shengArr =new Array();
        shengArr["广东"]=["广州","深圳","珠海","汕头","韶关"] ;
        shengArr["湖南"]=["长沙","张家界","株洲","怀化","常德"] ;
        shengArr["湖北"]=["武汉","荆州","宜昌","黄冈","仙桃"] ;
        shengArr["安徽"]=["合肥","黄山"] ;
        shengArr["河南"]=["郑州","信阳","洛阳"] ;

        function getSheng(){
            var s =document.getElementById("sheng");

            for(var v in shengArr){
                s.add(new Option(v,v),null);
            }
        }
        function getCity(){
            var s =document.getElementById("sheng");
            var c =document.getElementById("city");
            var v=s.value;
            c.options.length =0;

            for(var i in shengArr[v]){ 
                c.add(new Option(shengArr[v][i],shengArr[v][i]),null);
            }
        }
    </script>

    <!--页面加载时获取 省名-->
    <body onload="getSheng()">  

        <!-- 改变省时匹配该省的城市名-->
        省：<select id="sheng" onchange="getCity()"> 
            <option>--请选择</option>
        </select>
        市：<select id="city"></select>
    </body>
</html>

Fickle_actor

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
js 实现省市级联

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> var shengArr =new Array(); shengArr["广东"]=["广州",
复制链接

扫一扫