本篇内容介绍了“微信小程序中怎么实现ecshop地址三级联动”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
创新互联主要从事网站设计制作、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务梅列,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
微信小程序如何实现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地址三级联动
网站地址：http://cdkjz.cn/article/gcsecd.html
