通过地区名称初始化设置
new citys("#demo1", { province: '江西', city: '抚州', area: '宜黄县', });
请选择地区
事件处理
var place=document.getElementById("place") new citys("#demo2", { required: false, nodata:'disabled', onChange:function(data){ place.innerHTML='当前选中地区:'+data['province']+' '+data['city']+' '+data['area']; } });
请选择地区
事件处理
var place=document.getElementById("place") new citys("#demo2", { required: false, nodata:'disabled', onChange:function(data){ place3.innerHTML='当前选中地区:'+data['province']+' '+data['city']+' '+data['area']; } });
调用方法:
new citys("selector",options,callback(api));
options参数
参数 | 默认值 | 说明 |
---|---|---|
dataUrl | [数据库地址] |
最新数据库(2016年08月):JSON格式 数据库项目:中国行政区划 |
provinceField | 'province' | 省份(省级)字段名 |
cityField | 'city' | 城市(地级)字段名 |
areaField | 'area' | 地区(县区级)字段名 |
province | [无] | 省份(省级),可以为地区名称 |
city | [无] | 城市(地级),可以为地区名称 |
area | [无] | 地区(县区级),可以为地区名称 |
required | true | 是否必须选中(是否自动选择地区) |
nodata | 'hidden' | 当无数据时的表现形式:'hidden'隐藏,'disabled'禁用,为空不做任何处理 |
onChange | [无] | 地区切换时触发,回调函数传入地区信息:province省份(省级)名称,city城市(地级)名称,area地区(县区级)名称 |
callback(api)参数
方法 | 说明 |
---|---|
getInfo(data) | 获取当前选中的地区信息:province省份(省级)名称,city城市(地级)名称,area地区(县区级)名称,code地区编码 |