/**
* jquery.citys.js 1.0
* http://jquerywidget.com
*/
;(function (factory) {
if (typeof define === "function" && (define.amd || define.cmd) && !jquery) {
// amd或cmd
define([ "jquery" ],factory);
} else if (typeof module === 'object' && module.exports) {
// node/commonjs
module.exports = function( root, jquery ) {
if ( jquery === undefined ) {
if ( typeof window !== 'undefined' ) {
jquery = require('jquery');
} else {
jquery = require('jquery')(root);
}
}
factory(jquery);
return jquery;
};
} else {
//browser globals
factory(jquery);
}
}(function ($) {
$.support.cors = true;
$.fn.citys = function(parameter,getapi) {
if(typeof parameter == 'function'){ //重载
getapi = parameter;
parameter = {};
}else{
parameter = parameter || {};
getapi = getapi||function(){};
}
var defaults = {
dataurl:'http://passer-by.com/data_location/list.json', //数据库地址
datatype:'json', //数据库类型:'json'或'jsonp'
provincefield:'province', //省份字段名
cityfield:'city', //城市字段名
areafield:'area', //地区字段名
valuetype:'code', //下拉框值的类型,code行政区划代码,name地名
code:0, //地区编码
province:0, //省份,可以为地区编码或者名称
city:0, //城市,可以为地区编码或者名称
area:0, //地区,可以为地区编码或者名称
required: true, //是否必须选一个
nodata: 'hidden', //当无数据时的表现形式:'hidden'隐藏,'disabled'禁用,为空不做任何处理
onchange:function(){} //地区切换时触发,回调函数传入地区数据
};
var options = $.extend({}, defaults, parameter);
return this.each(function() {
//对象定义
var _api = {};
var $this = $(this);
var $province = $this.find('select[name="'+options.provincefield+'"]'),
$city = $this.find('select[name="'+options.cityfield+'"]'),
$area = $this.find('select[name="'+options.areafield+'"]');
$.ajax({
url:options.dataurl,
type:'get',
crossdomain: true,
datatype:options.datatype,
jsonpcallback:'jsonp_location',
success:function(data){
var province,city,area,hascity;
if(options.code){ //如果设置地区编码，则忽略单独设置的信息
var c = options.code - options.code%1e4;
if(data[c]){
options.province = c;
}
c = options.code - (options.code%1e4 ? options.code%1e2 : options.code);
if(data[c]){
options.city = c;
}
c = options.code%1e2 ? options.code : 0;
if(data[c]){
options.area = c;
}
}
var updatedata = function(){
province = {},city={},area={};
hascity = false; //判断是非有地级城市
for(var code in data){
if(!(code%1e4)){ //获取所有的省级行政单位
province[code]=data[code];
if(options.required&&!options.province){
if(options.city&&!(options.city%1e4)){ //省未填，并判断为直辖市
options.province = options.city;
}else{
options.province = code;
}
}else if(data[code].indexof(options.province)>-1){
options.province = isnan(options.province)?code:options.province;
}
}else{
var p = code - options.province;
if(options.province&&p>0&&p<1e4){ //同省的城市或地区
if(!(code%100)){
hascity = true;
city[code]=data[code];
if(data[code].indexof(options.city)>-1){
options.city = isnan(options.city)?code:options.city;
}
}else if(p>9000){ //省直辖县级行政单位
city[code] = data[code];
if(data[code].indexof(options.city)>-1){
options.city = isnan(options.city)?code:options.city;
}
}else if(hascity){ //非直辖市
var c = code-options.city;
if(options.city&&c>0&&c<100){ //同个城市的地区
area[code]=data[code];
if(data[code].indexof(options.area)>-1){
options.area = isnan(options.area)?code:options.area;
}
}
}else{
area[code]=data[code]; //直辖市
if(data[code].indexof(options.area)>-1){
options.area = isnan(options.area)?code:options.area;
}
}
}
}
}
};
var format = {
province:function(){
$province.empty();
if(!options.required){
$province.append('');
}
for(var i in province){
$province.append('');
}
if(options.province){
var value = options.valuetype=='code'?options.province:province[options.province];
$province.val(value);
}
this.city();
},
city:function(){
$city.empty();
if(!hascity){
$city.css('display','none');
}else{
$city.css('display','');
if(!options.required){
$city.append('');
}
if(options.nodata=='disabled'){
$city.prop('disabled',$.isemptyobject(city));
}else if(options.nodata=='hidden'){
$city.css('display',$.isemptyobject(city)?'none':'');
}
for(var i in city){
$city.append('');
}
if(options.city){
var value = options.valuetype=='code'?options.city:city[options.city];
$city.val(value);
}else if(options.area){
var value = options.valuetype=='code'?options.area:city[options.area];
$city.val(value);
}
}
this.area();
},
area:function(){
$area.empty();
if(!options.required){
$area.append('');
}
if(options.nodata=='disabled'){
$area.prop('disabled',$.isemptyobject(area));
}else if(options.nodata=='hidden'){
$area.css('display',$.isemptyobject(area)?'none':'');
}
for(var i in area){
$area.append('');
}
if(options.area){
var value = options.valuetype=='code'?options.area:area[options.area];
$area.val(value);
}
}
};
//获取当前地理信息
_api.getinfo = function(){
var status = {
direct:!hascity,
province:data[options.province]||'',
city:data[options.city]||'',
area:data[options.area]||'',
code:options.area||options.city||options.province
};
return status;
};
//事件绑定
$province.on('change',function(){
options.province = $(this).find('option:selected').data('code')||0; //选中节点的区划代码
options.city = 0;
options.area = 0;
updatedata();
format.city();
options.onchange(_api.getinfo());
});
$city.on('change',function(){
options.city = $(this).find('option:selected').data('code')||0; //选中节点的区划代码
options.area = 0;
updatedata();
format.area();
options.onchange(_api.getinfo());
});
$area.on('change',function(){
options.area = $(this).find('option:selected').data('code')||0; //选中节点的区划代码
options.onchange(_api.getinfo());
});
//初始化
updatedata();
format.province();
if(options.code){
options.onchange(_api.getinfo());
}
getapi(_api);
}
});
});
};
}));