3级级联 国家--城市

        //3级级联 国家--城市
        function updateProvContent(){
            //隐藏二级、三级下拉框
            $('#native1').css('display','none');
            $('#native2').css('display','none');
            
            var selectedValue = $('#nativePlace0').val();
            //第一步:移除所有下级选择框
            var typeTr = $("#nativePlace1");
            typeTr.empty();
            var typeTr2 = $("#nativePlace2");
            typeTr2.empty();
            //第二步:如果选项值不为空 ,添加下一级选择框的值
            if(selectedValue != null && "" != selectedValue){
                var requestUrl = "${RootPath}base/area/list-by-parentid";//这里是拿数据的地址
                $.ajax({
                    async : false,
                    type : "post",
                    url : requestUrl,
                    dataType : "json",
                    data : {
                        parentId:selectedValue// 传进去的值
                    },
                    success : function(jsonData) {
                        $('#native1').css('display','block');                        
                        var select = jsonData.data;                
                        if(select != null && select != "" && select.length > 0){//如果子列表有值则把值赋上去
                            var tr = "<option value=''>请选择省市</option>";
                            for(var i = 0 ; i < select.length ; i ++){                        
                                tr = tr + "<option value='" + select[i].id + "'>" + select[i].name + "</option>";
                            }
                            $('#nativePlace1').append(tr);
                        }
                    }
                });
            }
        }
        //城市--县区
        function updateCityContent(){
            //隐藏三级下拉框
            $('#native2').css('display','none');
        
            var selectedValue = $('#nativePlace1').val();
            //第一步:移除所有下级选择框
            var typeTr = $("#nativePlace2");
            typeTr.empty();
            //第二步:如果选项值不为空 ,添加下一级选择框的值
            if(selectedValue != null && "" != selectedValue){
                var requestUrl = "${RootPath}base/area/list-by-parentid";//这里是拿数据的地址
                $.ajax({
                    async : false,
                    type : "post",
                    url : requestUrl,
                    dataType : "json",
                    data : {
                        parentId:selectedValue// 传进去的值
                    },
                    success : function(jsonData) {
                        $('#native2').css('display','block');                            
                        var select =  jsonData.data;                
                        if(select != null && select != "" && select.length > 0){//如果子列表有值则把值赋上去
                            var tr = "<option value=''>请选择地区</option>";
                            for(var i = 0 ; i < select.length ; i ++){                        
                                tr = tr + "<option value='" + select[i].id + "'>" + select[i].name + "</option>";
                            }
                            $('#nativePlace2').append(tr);
                        }
                    }
                });
            }
        }
原文地址:https://www.cnblogs.com/yueyuepeng/p/7541480.html