Jquery联表

最新推荐文章于 2024-01-28 16:51:00 发布

EyEyEyEy

最新推荐文章于 2024-01-28 16:51:00 发布

阅读量435

点赞数

分类专栏：学习Java 文章标签： jquery

本文链接：https://blog.csdn.net/EyEyEyEy/article/details/51762880

版权

学习Java 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script src="../../jquery-1.12.1.js"></script>
    <script src="../lianbiao.js"></script>
    <script>

        $(function(){
             var str="";
             $(cityArray).each(function(key,value){
                 str +="<option value='"+value.cityId+"'>"+value.cityName+"</option>";
             }) ;
              $("#city").html("<option >"+"请选则城市"+"</option>"+str);

            $("#city").change(function(){
                var id = this.value;
                var str = "";
                $(xiangZhengArray).each(function(key,value){
                    if(id == value.cityId){
                        str += "<option>"+value.xzName+"</option>";
                    }
                });
                $("#xiangZheng").html(str);

            });
        });




    </script>
</head>
<body>

    <select id="city"></select>
    <select id="xiangZheng"></select>
</body>
</html>