微信小程序之省市区三级联动

address.wxml ===>
<view class="frm-itm">
      <text class="frm-txt">请选择省：</text>
      <image src="/images/down.png"></image>
      <picker bindchange="bindPickerChange" class="frm-ipt" value="{
  
  {pro[1]}}" range="{
  
  {pro[0]}}" data-bindval = "p">
              <view class="province">{
  
  {pro[0][pro[1]]}}</view>
      </picker>
</view>


<view class="frm-itm">
      <text class="frm-txt">当前城市：</text>
      <image src="/images/down.png"></image>
      <picker bindchange="bindPickerChange" class="frm-ipt" value="{
  
  {city[1]}}" range="{
  
  {city[0]}}" data-bindval = "c">
           <view class="city">{
  
  {city[0][city[1]]}}</view>
      </picker>
</view>


<view class="frm-itm">
      <text class="frm-txt">当前地区：</text>
      <image src="/images/down.png"></image>
      <picker bindchange="bindPickerChange" class="frm-ipt" value="{
  
  {county[1]}}" range="{
  
  {county[0]}}">
            <view class="area">{
  
  {county[0][county[1]]}}</view>
      </picker>
</view>

 

address.js ====>

const hostUrl = require('../../config').hostUrl;

Page({

    data: {

    },

    // 三级联动对应的变化函数
    bindPickerChange