关于easyui来实现省市县的三级联动

数据库表设置如下:
这里写图片描述
js部分代码如下:

<script>
            $(function(){
                var _data = {
                    "regionType" : "province"
                };
                $.ajax({
                    url : $ctx + '/admin/system/acceptance/myAccept!getRegions',
                    type : 'post',
                    data : _data,
                    success : function(data){
                        var provinces = eval(data);
                        var dataList,value,name;
                        dataList = [];
                        dataList.push({"value":"","text":"省份"});
                        $.each(provinces, function(index,row){
                            value=row.id;
                            name=row.name;
                            dataList.push({"value": value,"text":name});
                        });

                          $("#province").combobox("loadData",dataList);

                          $("#province").combobox({  
                                onSelect:function(record){  
                                    $("#city").combobox("setValue",''); //清空市  
                                    $("#county").combobox("setValue",''); //清空县  
                                    var province=$('#province').combobox('getValue'); 
                                    var _data = {
                                            "regionType" : "city",
                                            "province" : province
                                    };
                                    $.ajax({  
                                        url:$ctx + '/admin/system/acceptance/myAccept!getRegions',
                                        data:_data,
                                        type:"POST",  
                                        success:function(data){
                                            var cities = eval(data);
                                            var dataList,value,name;
                                            dataList = [];
                                            dataList.push({"value":"","text":"市"});
                                            $.each(cities, function(index,row){
                                                value=row.id;
                                                name=row.name;
                                                dataList.push({"value": value,"text":name});
                                            });
                                              $("#city").combobox("loadData",dataList);

                                              $("#city").combobox({  
                                                    onSelect:function(record){  
                                                        $("#county").combobox("setValue",''); 
                                                        var city=$('#city').combobox('getValue');
                                                        var _data = {
                                                                "regionType" : "county",
                                                                "city" : city
                                                        };
                                                        $.ajax({  
                                                            url:$ctx + '/admin/system/acceptance/myAccept!getRegions',
                                                            data:_data,
                                                            type:"POST",  
                                                            success:function(data){
                                                                var counties = eval(data);
                                                                var dataList,value,name;
                                                                dataList = [];
                                                                dataList.push({"value":"","text":"区(县)"});
                                                                $.each(counties, function(index,row){
                                                                    value=row.id;
                                                                    name=row.name;
                                                                    dataList.push({"value": value,"text":name});
                                                                });
                                                                  $("#county").combobox("loadData",dataList);
                                                            }
                                                        });
                                                    }    
                                            });
                                        }
                                    });
                                }    
                        });
                    }
                });    
            }); 
        </script>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值