小程序 二级联动 区--街道

<view class="section">
  <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
    <view class="picker">
      {{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}}
    </view>
  </picker>
</view>

// pcity/pcity.js
var that
var list = []
Page({

  /**
   * 页面的初始数据
   */
  data: {
    multiIndex: [],multiArray: [
      [‘福田区‘,‘罗湖区‘,"南山区","盐田","龙岗区","宝安区","光明新区","龙华新区","坪山新区"],[‘园岭‘,‘南园‘,‘华富‘,‘莲花‘,‘福田‘,‘沙头‘,‘香蜜湾‘,‘福保‘,‘华强北‘,‘梅林‘]
    ],objectMultiArray: [{
        "regid": "2","parid": "1","regname": "福田区","regtype": "1","ageid": "0"
      },{
        "regid": "3","regname": "罗湖区",{
        "regid": "4","regname": "南山区",{
        "regid": "5","regname": "盐田",{
        "regid": "6","regname": "龙岗区",{
        "regid": "7","regname": "宝安区",{
        "regid": "8","regname": "光明新区",{
        "regid": "9","regname": "龙华新区",{
        "regid": "10","regname": "坪山新区",{
        "regid": "36","parid": "3","regname": "黄贝","regtype": "2",{
        "regid": "37","regname": "东门",{
        "regid": "38","regname": "南湖",{
        "regid": "39","regname": "桂园",{
        "regid": "40","regname": "笋岗",{
        "regid": "41","regname": "清水河",{
        "regid": "42","regname": "翠竹",{
        "regid": "43","regname": "东湖",{
        "regid": "44","regname": "东晓",{
        "regid": "45","regname": "莲塘",{
        "regid": "53","parid": "4","regname": "南头",{
        "regid": "54","regname": "南山",{
        "regid": "55","regname": "招商",{
        "regid": "56","regname": "蛇口",{
        "regid": "57","regname": "粤海",{
        "regid": "58","regname": "沙河",{
        "regid": "59","regname": "西丽",{
        "regid": "60","regname": "桃源",{
        "regid": "62","parid": "5","regname": "沙头角",{
        "regid": "63","regname": "梅沙",{
        "regid": "64",{
        "regid": "65","regname": "海山",{
        "regid": "76","parid": "6","regname": "布吉",{
        "regid": "77","regname": "坂田",{
        "regid": "78","regname": "南湾",{
        "regid": "79","regname": "平湖",{
        "regid": "80","regname": "龙岗",{
        "regid": "81","regname": "横岗",{
        "regid": "82","regname": "龙城",{
        "regid": "83","regname": "坪地",{
        "regid": "84","regname": "坑梓",{
        "regid": "97","parid": "7","regname": "新安",{
        "regid": "98","regname": "西乡",{
        "regid": "99","regname": "福永",{
        "regid": "100","regname": "沙井",{
        "regid": "101","regname": "石岩",{
        "regid": "102","regname": "松岗",{
        "regid": "112","parid": "8","regname": "公明",{
        "regid": "113","regname": "光明",{
        "regid": "120","parid": "9","regname": "龙华",{
        "regid": "121","regname": "观澜",{
        "regid": "397","parid": "10","regname": "坪山","ageid": "0"
      }
    ]
  },onLoad: function() {
    that = this
  },bindMultiPickerChange: function(e) {
    that.setData({
      "multiIndex[0]": e.detail.value[0],"multiIndex[1]": e.detail.value[1]
    })
  },bindMultiPickerColumnChange: function(e) {
    switch (e.detail.column) {
      case 0:
        list = []
        for (var i = 0; i < that.data.objectMultiArray.length; i++) {
          if (that.data.objectMultiArray[i].parid == that.data.objectMultiArray[e.detail.value].regid) {
            list.push(that.data.objectMultiArray[i].regname)
          }
        }
        that.setData({
          "multiArray[1]": list,"multiIndex[0]": e.detail.value,"multiIndex[1]": 0
        })

    }
  }

})