146 lines
4.4 KiB
JavaScript
146 lines
4.4 KiB
JavaScript
/**
|
||
* @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);
|
||
} |