栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

layui 省市区的三级联动

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

layui 省市区的三级联动

  • html代码

  • js代码
	shengshiqu();
	//省市区的三级联动
	var str = '', cur_data = '';
	// 省市县
	function shengshiqu(){
	    admin.req({
	        url: layui.setter.baseUrl + 'admin/user/getRegionTree',
	        data: {},
	        type: 'get',
	        success: function (res) {
	            if (res.code == 1) {
	                str = res.data;
	                //-------------省
	                var list = "";
	                var list = "";
	                for (var i in res.data) {
	                    list += "";
	                }
	                $("#province").html(list);
	
	                if(params.id){ // 编辑
	                    form.val('ants_add',{ 'province_code': params.province_code });
	                    //市
	                    var f_index='';
	                    var cate_data='';
	                    for(var i in res.data){
	                        if(params.province_code==res.data[i].value){
	                            f_index=i;
	                            cate_data=res.data[i].children;
	                        }
	                    }
	                    var lists="";
	                    for (var j in cate_data) {
	                        lists += " ";
	                    }
	                    $("#city").html(lists);
	                    form.val('ants_add',{ 'city_code': params.city_code });
	
	                    //县/区
	                    var city_data=res.data[f_index].children;
	                    var lists2="";
	                    for (var j in city_data) {
	                        lists2 += " ";
	                    }
	                    $("#area").html(lists2);
	                    form.val('ants_add',{ 'district_code': params.district_code });
	                    form.render();
	                }
	                form.render('select');
	            } else {
	                layer.msg(res.msg);
	            }
	        }
	    });
	}
	// 选择省
	form.on('select(province)', function (e) {
	    if(e.value == ''){
	        $("#city").html('');
	        $("#area").html('');
	    }else{
	        get_tree(e.value, 0, 0);
	        $("#area").html('');
	    }
	    form.render();
	});
	//选择市
	form.on('select(city)', function (e) {
	    if(e.value == ''){
	        $("#area").html('');
	    }else{
	        get_tree($('#province').val(), e.value, 0);
	    }
	    form.render();
	});
	//选择区县
	form.on('select(area)', function (e) {});
	function get_tree(p, c, a) {
	    for (var i in str) {
	        if (str[i].value == p) {
	            var city = "";
	            var city_data = str[i].children;
	            for (var j in city_data) {
	                city += " ";
	                if (city_data[j].value == c) {
	                    var area = "";
	                    var area_data = city_data[j].children;
	
	                    if (area_data) {
	                        for (var k in area_data) {
	                            area += " ";
	                        }
	                        $("#area").html(area);
	                        form.render();
	                    } else {
	                        area_data = city_data;
	                        for (var k in area_data) {
	                            area += " ";
	                        }
	                        $("#area").html(area);
	
	                        form.render();
	                    }
	
	                }
	            }
	            $("#city").html(city);
	            if (c != 0) { $("#city").val(c); }
	            form.render();
	        }
	    }
	}
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/992818.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号