這篇文章給大家分享的是有關(guān)微信小程序中如何實(shí)現(xiàn)ecshop地址三級(jí)聯(lián)動(dòng)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

銅仁網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,銅仁網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為銅仁上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請找那個(gè)售后服務(wù)好的銅仁做網(wǎng)站的公司定做！

微信小程序如何實(shí)現(xiàn)ecshop地址3級(jí)聯(lián)動(dòng)

picker標(biāo)簽，官方給出的實(shí)例：

 地區(qū)選擇器
 
  
   當(dāng)前選擇：{{array[index]}}
  
 


 Page({
 data: {
  array: ['美國', '中國', '巴西', '日本'],
  index: 0,
 },
 bindPickerChange: function(e) {
  console.log('picker發(fā)送選擇改變，攜帶值為', 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: [], //后臺(tái)返回的數(shù)據(jù)對應(yīng) region_id city,district 與此相同
  province_name: [], //后臺(tái)返回的數(shù)據(jù)對應(yīng) region_name
  provinceIndex: 0, //wxml頁面選擇的選項(xiàng)，從0開始
  provinceId: 0, //根據(jù)wxml頁面選擇的選項(xiàng)獲取到province_id: []對應(yīng)的region_id

  city:[].
  city_id: [],
  city_name: [],
  cityIndex: 0,
  cityId: 0,

  district:[],
  district_id: [],  
  district_name: [],
  districtIndex: 0,
  districtId: 0,
 },
 onLoad:function(options){
  // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
  var that = this
  var get_data
  wx.checkSession({
   success: function(){
    //登錄態(tài)未過期
    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
感謝各位的閱讀！關(guān)于“微信小程序中如何實(shí)現(xiàn)ecshop地址三級(jí)聯(lián)動(dòng)”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
            
            
                        

            當(dāng)前名稱：微信小程序中如何實(shí)現(xiàn)ecshop地址三級(jí)聯(lián)動(dòng)            

            網(wǎng)站鏈接：http://weahome.cn/article/pjcjgc.html