最新城市三级联动数据json jsonp格式 jquery.citys.js

最新城市三级联动数据json jsonp格式 jquery.citys.js

通过地区编码初始化设置
$('#demo').citys({nodata:'hidden',code:350206});

通过地区名称初始化设置
$('#demo1').citys({province:'福建',city:'厦门',area:'思明'});

事件处理

$('#demo2').citys({
    required:false,
    nodata:'disabled',
    onChange:function(data){
        var text = data['direct']?'(直辖市)':'';
        $('#place').text('当前选中地区：'+data['province']+text+' '+data['city']+' '+data['area']);
    }
});

扩展显示行政区划第四级(街道)信息：

var $town = $('#demo3 select[name="town"]');
var townFormat = function(info){
$town.hide().empty();
if(info['code']%1e4&&info['code']<7e6){    //是否为“区”且不是港澳台地区
    $.ajax({
        url:'http://passer-by.com/data_location/town/'+info['code']+'.json',
        dataType:'json',
        success:function(town){
            $town.show();
            for(i in town){
                    $town.append('<option value="'+i+'">'+town[i]+'</option>');
            }
        }
    });
}
};
$('#demo3').citys({
    province:'福建',
    city:'厦门',
    area:'思明',
    onChange:function(info){
        townFormat(info);
    }
},function(api){
    var info = api.getInfo();
    townFormat(info);
});

调用方法：
$(selector).citys(options,callback);

options参数

city.json.rar