省市县三级连去选择,包含行政区划代码数据
描述:实例化一个省市县三级联动选择选择器(包含行政区划代码数据)
JavaScript 其它杂项
共1Star
详细介绍
RegionPicker
描述:实例化一个省市县三级联动选择选择器(包含行政区划代码数据)
使用方法:new RegionPicker(selector,options) 参数说明:
selector:选择器;
options:{
level: 2,//默认显示级别;
prov: "520000",//默认显示行政区划代码(省份)
city: "520600",//默认显示行政区划代码(城市)
}
如,只需要显示贵州省,则level:2,pro:"520000
对像方法:
obj.getCurRegion();//取得当前地址对像信息,返回一个对像。
返回对像说明:
{
"prov":"湖北省",//当前选择的行政区省份,空为未选择。
"city":"武汉市",//当前选择的行政区市级,空为未选择。
"county":"江汉区",//当前选择的行政区县级/或区级,空为未选择。
}
示例代码
//html代码:
<div id="container"></div>
<button id="getadcode">测试获取当前选择</button>
//javascript代码
const address = new RegionPicker('#container',{
level: 2,//默认显示级别;
prov: "520000",//默认显示行政区划代码(省份)
city: "520600",//默认显示行政区划代码(城市)
});//实例化一个对像;
//取得当前选择的地址信息
document.querySelector('#getadcode').onclick = function () {
let curRegion = address.getCurRegion();
console.log(curRegion);
};
-
12 Star
-
8886 Star
-
137 Star
-
26 Star
-
3 Star
-
7 Star
-
17 Star