基于jq的自动化三级联动地址插件,三句代码搞定
基于jq的自动化三级联动地址插件
引入wl-address.css 和 wl-address.css
// weilan三级地址联动插件 必须引入wl-address.js和./wl-address.css
// 先实例化 并传入省市县地址请求api 目前默认传参数为pid 获取全部省份传空
var wl = new WlAddress();
wl.init({
action: 'https://api.baihuazhongchuang.com/App/BhUser/area'
}, function() {
// 这里做地址选择完毕 自动消失后 你的逻辑
var data = wl.getData();
console.log('地址选择完毕:', data)
});
// 弹出地址选择
function addrShow() {
// 淡出地址请调用wl.show() 函数 当编辑时传入当前地址 如下注释部分 ,新增时无需传参
wl.show({
/* addr: {
province: '河南省',
provinceId: 410000,
city: '郑州市',
cityId: 410100,
content: '金水区',
contentId: 410105,
} */
});
}
// 获取选择后的地址数据
function getAddr() {
// 当地址选择完三级后会自动消失 请调用wl.getData()函数拿到你选择的地址数据
var data = wl.getData();
console.log(data)
}
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。