EasyUI实现地址联动,显示默认值

来源:互联网 发布:java中私有属性 编辑:程序博客网 时间:2024/06/05 22:33

微笑本人萌新一枚,完成了一个小任务,有点激动啊,立贴为据,正好也记录一下:

HTML部分:

省:<input id="sheng" class="easyui-combobox" style="width:200px">

市:<input id="shi" class="easyui-combobox" style="width:200px">

区/县:<input id="quxian" class="easyui-combobox" style="width:200px">

街道:<input id="jiedao" class="easyui-combobox" style="width:200px">

停车场:<input id="park" class="easyui-combobox" style="width:200px">

js部分;

$(function(){
    // 地址联动
    var url = '/pc/address/getAddressAjax';
    // 加载省
    $("#sheng").combobox({
        url : url,
        valueField : 'code',
        textField : 'name',
        editable:false,
        loadFilter : function(d){
            return d.data;
        },
        onLoadSuccess:function(){ // 设置默认值
            var data= $(this).combobox("getData");
            for (var i = 0; i < data.length; i++) {
                if (data[i].name == '陕西省') {
                    $('#sheng').combobox('select', data[i].name);
                    $('#sheng').combobox('setValue', data[i].code);
                    break;
                }
            }
        },
        onSelect:function(sheng){ //联动
            $('#shi').combobox('clear');// 清除原有市
            $('#quxian').combobox('clear');// 清除原有区县
            $('#jiedao').combobox('clear');// 清除原有街道
            $('#park').combobox('clear');// 清除原有停车场
            // 加载市
            $("#shi").combobox({
                url : url + '?parent=' + sheng.code,
                valueField : 'code',
                textField : 'name',
                editable:false,
                loadFilter : function(shi){
                    return shi.data;
                },
                onLoadSuccess:function(){ // 设置默认值
                    var shiData= $(this).combobox("getData");
                    for (var i = 0; i < shiData.length; i++) {
                        if (shiData[i].name == '西安市') {
                            $('#shi').combobox('select', shiData[i].name);
                            $('#shi').combobox('setValue', shiData[i].code);
                            break;
                        }
                    }
                },
                onSelect:function(shi){ //联动
                    $('#quxian').combobox('clear');// 清除原有区县
                    $('#jiedao').combobox('clear');// 清除原有街道
                    $('#park').combobox('clear');// 清除原有停车场
                    // 加载区
                    $("#quxian").combobox({
                        url : url + '?parent=' + shi.code,
                        valueField : 'code',
                        textField : 'name',
                        editable:false,
                        loadFilter : function(quanxian){
                            return quanxian.data;
                        },
                        onLoadSuccess:function(){ // 设置默认值
                            var quData= $(this).combobox("getData");
                            for (var i = 0; i < quData.length; i++) {
                                if (quData[i].name == '新城区') {
                                    $('#quxian').combobox('select', quData[i].name);
                                    $('#quxian').combobox('setValue', quData[i].code);
                                    break;
                                }
                            }
                        },
                        onSelect:function(quxian){ //联动
                            $('#jiedao').combobox('clear');// 清除原有街道
                            $('#park').combobox('clear');// 清除原有停车场
                            // 加载街道
                            $("#jiedao").combobox({
                                url : url + '?parent=' + quxian.code,
                                valueField : 'code',
                                textField : 'name',
                                editable:false,
                                loadFilter : function(jiedao){
                                    return jiedao.data;
                                },
                                onLoadSuccess:function(){ // 设置默认值
                                    var jiedaoData= $(this).combobox("getData");
                                    for (var i = 0; i < jiedaoData.length; i++) {
                                        if (jiedaoData[i].name == '长乐中路') {
                                            $('#jiedao').combobox('select', jiedaoData[i].name);
                                            $('#jiedao').combobox('setValue', jiedaoData[i].code);
                                            break;
                                        }
                                    }
                                },
                                onSelect:function(jiedao){ //联动
                                    $('#park').combobox('clear');// 清除原有停车场
                                    var city=$('#shi').combobox('getValue');
                                       var area=$('#quxian').combobox('getValue');
                                       var street=jiedao.code;
                                    // 加载停车场
                                    $("#park").combobox({
                                        url : '/pc/address/getParkingByAddressAjax?city=' + city + '&area=' + area + '&street=' + street,
                                        valueField : 'ckid',
                                        textField : 'cname',
                                        editable:false,
                                        loadFilter : function(park){
                                            return park.data;
                                        },    
                                        onLoadSuccess:function(){ // 设置默认值
                                            var parkData= $(this).combobox("getData");
                                            for (var i = 0; i < parkData.length; i++) {
                                                if (parkData[i].ckid == '16420101810600') {
                                                    $('#park').combobox('select', parkData[i].cname);
                                                    $('#park').combobox('setValue', parkData[i].ckid);
                                                    break;
                                                }
                                            }
                                        }
                                    })
                                }
                            })
                        }
                    });
                }
            });
        },
    });
})

原创粉丝点击