微信小程序实现选择地址省市区三级联动

这篇文章主要为大家详细介绍了微信小程序实现选择地址省市区三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现选择地址省市区三级联动的具体代码,供大家参考,具体内容如下

微信原生地址API,缺少省市区code,因此自己写了一个收货地址

思路:在onload预先加载全部省和第一个省的全部市和区,加载全部会导致几秒的事件阻塞。点击选择地址弹窗后,按需加载操作,滑动省加载对应的市和第一个市对应的区,滑动市加载区,滑动区只更改区的值

 onLoad: function(options) { var that = this; // 此文件为全部省以及第一个省的市和区 var cityData = districtLoad.districtLoad; // 存放省 const provinces = []; // 存放市 const citys = []; // 存放区 const countys = []; for (let i = 0; i 

滑动省市区事件

 bindChange: function(e) { var that = this; var val = e.detail.value var t = this.data.values; // 滑动省 if (val[0] != t[0]) { const citys = []; const countys = []; // 保存市 for (let i = 0; i 

html

   取消确定  {{item.name}} {{item.name}} {{item.name}}

效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持html中文网。

以上就是微信小程序实现选择地址省市区三级联动的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程