这篇文章给大家分享的是有关微信小程序中如何实现ecshop地址三级联动的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
铜仁网站建设公司创新互联建站,铜仁网站设计制作，有大型网站制作公司丰富经验。已为铜仁上千家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的铜仁做网站的公司定做！
微信小程序如何实现ecshop地址3级联动
picker标签，官方给出的实例：
地区选择器
当前选择：{{array[index]}}
Page({
data: {
array: ['美国', '中国', '巴西', '日本'],
index: 0,
},
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
index: e.detail.value
})
},
})
wxml页面：
收货地址
{{province[provinceIndex]}}
{{city[cityIndex]}}
{{district[districtIndex]}}
js页面：
var app = getApp()
Page({
data:{
motto: 'jxcat',
serverUrl: app.globalData.ajaxUrl,
baseUrl: app.globalData.baseUrl,
title: "收货地址",
address_id: "",
address: "",
province:[],
province_id: [], //后台返回的数据对应 region_id city,district 与此相同
province_name: [], //后台返回的数据对应 region_name
provinceIndex: 0, //wxml页面选择的选项，从0开始
provinceId: 0, //根据wxml页面选择的选项获取到province_id: []对应的region_id
city:[].
city_id: [],
city_name: [],
cityIndex: 0,
cityId: 0,
district:[],
district_id: [],
district_name: [],
districtIndex: 0,
districtId: 0,
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
var that = this
var get_data
wx.checkSession({
success: function(){
//登录态未过期
wx.getStorage({
key: 'wcx_session',
success: function(sres) {
get_data = {
m: 'api',
c: 'user' ,
a: 'edit_address',
wcx_session: sres.data,
}
if(options.act == 'edit'){
get_data = {
m: 'api',
c: 'user' ,
a: 'edit_address',
id: options.id,
wcx_session: sres.data,
}
}
wx.request({
url: app.globalData.ajaxUrl,
data: get_data,
header: {
'content-type': 'application/json'
},
success: function(res) {
if(options.act == "edit"){
that.data.provinceId = res.data.consignee.province
that.data.cityId = res.data.consignee.city
that.data.districtid = res.data.consignee.district
}
for(var i=0; i感谢各位的阅读！关于“微信小程序中如何实现ecshop地址三级联动”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
本文名称：微信小程序中如何实现ecshop地址三级联动
URL网址：http://bjjierui.cn/article/pjcjgc.html
