城市页面注册（二级联动）

最新推荐文章于 2022-12-04 20:38:52 发布

清，纯一色

最新推荐文章于 2022-12-04 20:38:52 发布

阅读量117

点赞数

原文链接：http://www.cnblogs.com/qurui1998/p/10487510.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-1.8.3.js"></script>
        <script>
            $(function(){
                var city=new Array(3);
                city[0]=new Array("武汉","黄冈","襄阳","雷军");
                city[1]=new Array("长沙","韶山","岳阳楼","张家界");
                city[2]=new Array("石家庄","唐山","保定市","廊坊");
                city[3]=new Array("商丘","信阳","洛阳","安阳");
                $("#province").change(function(){
                    $("#city").empty();
                    var val=this.value;
                    console.log(val);
                    $.each(city, function(i,n) {
                        if(val==i){
                            $.each(city[i], function(j,m) {
                                var txt=document.createTextNode(m);
                                var op=document.createElement("option");
                                $(op).append(txt);
                                $(op).appendTo("#city");
                            });
                        }
                    });
                })
            })
        </script>
    </head>
    <body>
        <select id="province">
                <option>===请选择===</option>
            <option value="0">湖北</option>
            <option value="1">湖南</option>
            <option value="2">河北</option>
            <option value="3">河南</option>
        </select>
        <select id="city">
            
        </select>
    </body>
</html>

转载于:https://www.cnblogs.com/qurui1998/p/10487510.html

清，纯一色

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
城市页面注册（二级联动）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.js"></script> ...
复制链接

扫一扫