Jquery实现简单的级联下拉列表（省市）

最新推荐文章于 2024-05-16 14:33:44 发布

奔跑的年糕

最新推荐文章于 2024-05-16 14:33:44 发布

阅读量6.3k

点赞数 1

分类专栏： jquery 文章标签： jquery 级联下拉列表

本文链接：https://blog.csdn.net/qq_39147516/article/details/79176158

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script src="jquery-1.11.1.js"></script>


    <script >

        var p=["黑龙江","吉林","山东"];
        var c=[["哈尔滨","齐齐哈尔","大庆"],["长春","吉林","四平"],["济南","烟台","青岛","威海"]];


        $(function(){

            for(var i=0;i< p.length;i++){
                $("#province").append($("<option>").val(i).html(p[i]));
            }

            $("#province").change(function(){
                $("#city").empty();
                for(var i=0;i<c[$(this).val()].length;i++) {
                    $("#city").append($("<option>").html(c[$(this).val()][i]));
                }
            })
            $("#province").change();
        })
    </script>
</head>
<body>
<select id="province" style="width:100px"></select>省
<select id="city" style="width:100px"></select>市
</body>
</html>

简单学习记录。

奔跑的年糕

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Jquery实现简单的级联下拉列表（省市）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> var p=["黑龙江","吉林","山东"]; var c=[["哈尔滨","齐齐哈尔","大庆"],[
复制链接

扫一扫