hemall.terabimsoft.com.cn/static/js/dist/area/cascade.js

/**
 * @name        jQuery Cascdejs plugin
 * @author      rayyang
 * @version     1.0
 * @level       3级
 */

//首先需要初始化
var _provinceNetworkData =null;
var _cityNetworkData =null;
var _districtNetworkData =null;
var _reg = new RegExp("(^|&)i=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var _r = window.location.search.substr(1).match(_reg);  //匹配目标参数

var uniacid = '0';
if(_r) {
    uniacid = _r['2'];
}


function cascdeInit(v1,v2,v3){
   getProvinceData(v1,v2,v3);
}

// 获取省数据
function getProvinceData(v1,v2,v3){
    $.ajax({
        url:'/app/index.php?i='+uniacid+'&c=entry&p=getaddress&do=shop&m=sz_yi',
        data:{type:'province'},
        type:'GET', //GET
        async:true,    //或false,是否异步
        timeout:5000,    //超时时间
        dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
        success:function(data,textStatus,jqXHR){
            //console.log(data)
            _provinceNetworkData = data;
            getCityData(v1,v2,v3);
        }
    })
}

// 获取城市数据
function getCityData(v1,v2,v3){
    var parentid = '';
    for (var i = 0; i < _provinceNetworkData.length; i++) {
        if (v1 == _provinceNetworkData[i].areaname) {
            parentid = _provinceNetworkData[i].id;
        }
    }
    $.ajax({
        url:'/app/index.php?i='+uniacid+'&c=entry&p=getaddress&do=shop&m=sz_yi',
        data:{type:'city',parentid:parentid},
        type:'GET', //GET
        async:true,    //或false,是否异步
        timeout:5000,    //超时时间
        dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
        success:function(data,textStatus,jqXHR){
            //console.log(data)
            _cityNetworkData = data;
            getDistrictData(v1,v2,v3);
        }
    })
}

// 获取区数据
function getDistrictData(v1,v2,v3){
    var parentid = '';
    for (var i = 0; i < _cityNetworkData.length; i++) {
        if (v2 == _cityNetworkData[i].areaname) {
            parentid = _cityNetworkData[i].id;
        }
    }
    $.ajax({
        url:'/app/index.php?i='+uniacid+'&c=entry&p=getaddress&do=shop&m=sz_yi',
        data:{type:'district',parentid:parentid},
        type:'GET', //GET
        async:true,    //或false,是否异步
        timeout:5000,    //超时时间
        dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
        success:function(data,textStatus,jqXHR){
            //console.log(data)
            _districtNetworkData = data;
            setProvinceData(v1,v2,v3);
        }
    })
}

// 设置省
function setProvinceData(v1,v2,v3){
    var _html = "";
    _html += '<option value="0">请选择省份</option>';
    for (var i = 0; i < _provinceNetworkData.length; i++) {
        var _selected = '';
        if (v1 == _provinceNetworkData[i].areaname) {
            _selected = 'selected="selected"';
        }
        _html += '<option '+_selected+' value="'+_provinceNetworkData[i].areaname+'">'+_provinceNetworkData[i].areaname+'</option>';
    }
    $("#sel-provance").html(_html);
    setCityData(v1,v2,v3);
}

//设置市
function setCityData(v1,v2,v3){
    var _html = '<option value="0">请选择城市</option>';
    for (var i = 0; i < _cityNetworkData.length; i++) {
        var _selected = '';
        if (v2 == _cityNetworkData[i].areaname) {
            _selected = 'selected="selected"';
        }
        _html += '<option '+_selected+' value="'+_cityNetworkData[i].areaname+'">'+_cityNetworkData[i].areaname+'</option>';
    }

    $("#sel-city").html(_html);
    setDistrictData(v1,v2,v3);
}

//设置区
function setDistrictData(v1,v2,v3){
    var _html = "";
    _html += '<option value="0">请选择区域</option>';
    for (var i = 0; i < _districtNetworkData.length; i++) {
        var _selected = '';
        if (v3 == _districtNetworkData[i].areaname) {
            _selected = 'selected="selected"';
        }
        _html += '<option '+_selected+' value="'+_districtNetworkData[i].areaname+'">'+_districtNetworkData[i].areaname+'</option>';
    }
    $("#sel-area").html(_html);
}

/*
//依据省设置城市，县
*/
function selectCity() {
    var _provanceid = $("#sel-provance").val();
    getCityData(_provanceid);
    setProvinceData(_provanceid);
}

function selectcounty() {
    var _provanceid = $("#sel-provance").val();
    var _cityid = $("#sel-city").val();
    getCityData(_provanceid,_cityid);
    setProvinceData(_provanceid,_cityid);
}