• <menu id="imq0s"><strong id="imq0s"></strong></menu>
  • 福州網站建設>網站新聞>福州微信小程序

    微信小程序picker組件 - 省市二級聯動及其回顯(可用 )

    發布日期:2019-10-02瀏覽次數:1215 來源:福州網站建設

    picker


    從底部彈起的滾動選擇器,現支持五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,默認是普通選擇器。


    picker官方文檔鏈接


    由于項目需求,需要使用省市2級聯動選擇器,由于官方默認提供的是省市區3級聯動選擇器,所以自己封裝了一個2級選擇器
     


    wxml文件


    <view class="section">
      <view class="section__title">省市二級聯動demo</view>
      <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>
    js文件,原本省市數據文件想通過請求獲取,但考慮到網絡請求延時等問題,直接將數據放在js中


    // pcity/pcity.js
    var that
    var list = []
    Page({
     
      /**
       * 頁面的初始數據
       */
      data: {
        multiIndex:[0,0],
        multiArray: [['北京', '安徽', "福建", "甘肅", "廣東", "廣西", "貴州", "海南", "河北", "河南", "黑龍江", "湖北", "湖南", "吉林", "江蘇", "江西", "遼寧", "內蒙古", "寧夏", "青海", "山東", "山西", "陜西", "上海", "四川", "天津", "西藏", "新疆", "云南", "浙江", "重慶", "香港", "澳門", "臺灣"], ['北京']],
        objectMultiArray:
          [{ "regid": "2", "parid": "1", "regname": "北京", "regtype": "1", "ageid": "0" },{ "regid": "3", "parid": "1", "regname": "安徽", "regtype": "1", "ageid": "0" },{ "regid": "4", "parid": "1", "regname": "福建", "regtype": "1", "ageid": "0" },{ "regid": "5", "parid": "1", "regname": "甘肅", "regtype": "1", "ageid": "0" },{ "regid": "6", "parid": "1", "regname": "廣東", "regtype": "1", "ageid": "0" },{ "regid": "7", "parid": "1", "regname": "廣西", "regtype": "1", "ageid": "0" },{ "regid": "8", "parid": "1", "regname": "貴州", "regtype": "1", "ageid": "0" },{ "regid": "9", "parid": "1", "regname": "海南", "regtype": "1", "ageid": "0" },{ "regid": "10", "parid": "1", "regname": "河北", "regtype": "1", "ageid": "0" },{ "regid": "11", "parid": "1", "regname": "河南", "regtype": "1", "ageid": "0" },{ "regid": "12", "parid": "1", "regname": "黑龍江", "regtype": "1", "ageid": "0" },{ "regid": "13", "parid": "1", "regname": "湖北", "regtype": "1", "ageid": "0" },{ "regid": "14", "parid": "1", "regname": "湖南", "regtype": "1", "ageid": "0" },{ "regid": "15", "parid": "1", "regname": "吉林", "regtype": "1", "ageid": "0" },{ "regid": "16", "parid": "1", "regname": "江蘇", "regtype": "1", "ageid": "0" },{ "regid": "17", "parid": "1", "regname": "江西", "regtype": "1", "ageid": "0" },{ "regid": "18", "parid": "1", "regname": "遼寧", "regtype": "1", "ageid": "0" },{ "regid": "19", "parid": "1", "regname": "內蒙古", "regtype": "1", "ageid": "0" },{ "regid": "20", "parid": "1", "regname": "寧夏", "regtype": "1", "ageid": "0" },{ "regid": "21", "parid": "1", "regname": "青海", "regtype": "1", "ageid": "0" },{ "regid": "22", "parid": "1", "regname": "山東", "regtype": "1", "ageid": "0" },{ "regid": "23", "parid": "1", "regname": "山西", "regtype": "1", "ageid": "0" },{ "regid": "24", "parid": "1", "regname": "陜西", "regtype": "1", "ageid": "0" },{ "regid": "25", "parid": "1", "regname": "上海", "regtype": "1", "ageid": "0" },{ "regid": "26", "parid": "1", "regname": "四川", "regtype": "1", "ageid": "0" },{ "regid": "27", "parid": "1", "regname": "天津", "regtype": "1", "ageid": "0" },{ "regid": "28", "parid": "1", "regname": "西藏", "regtype": "1", "ageid": "0" },{ "regid": "29", "parid": "1", "regname": "新疆", "regtype": "1", "ageid": "0" },{ "regid": "30", "parid": "1", "regname": "云南", "regtype": "1", "ageid": "0" },{ "regid": "31", "parid": "1", "regname": "浙江", "regtype": "1", "ageid": "0" },{ "regid": "32", "parid": "1", "regname": "重慶", "regtype": "1", "ageid": "0" },{ "regid": "33", "parid": "1", "regname": "香港", "regtype": "1", "ageid": "0" },{ "regid": "34", "parid": "1", "regname": "澳門", "regtype": "1", "ageid": "0" }, { "regid": "35", "parid": "1", "regname": "臺灣", "regtype": "1", "ageid": "0" }, { "regid": "36", "parid": "3", "regname": "安慶", "regtype": "2", "ageid": "0" }, { "regid": "37", "parid": "3", "regname": "蚌埠", "regtype": "2", "ageid": "0" }, { "regid": "38", "parid": "3", "regname": "巢湖", "regtype": "2", "ageid": "0" }, { "regid": "39", "parid": "3", "regname": "池州", "regtype": "2", "ageid": "0" }, { "regid": "40", "parid": "3", "regname": "滁州", "regtype": "2", "ageid": "0" }, { "regid": "41", "parid": "3", "regname": "阜陽", "regtype": "2", "ageid": "0" }, { "regid": "42", "parid": "3", "regname": "淮北", "regtype": "2", "ageid": "0" }, { "regid": "43", "parid": "3", "regname": "淮南", "regtype": "2", "ageid": "0" }, { "regid": "44", "parid": "3", "regname": "黃山", "regtype": "2", "ageid": "0" }, { "regid": "45", "parid": "3", "regname": "六安", "regtype": "2", "ageid": "0" }, { "regid": "46", "parid": "3", "regname": "馬鞍山", "regtype": "2", "ageid": "0" }, { "regid": "47", "parid": "3", "regname": "宿州", "regtype": "2", "ageid": "0" }, { "regid": "48", "parid": "3", "regname": "銅陵", "regtype": "2", "ageid": "0" }, { "regid": "49", "parid": "3", "regname": "蕪湖", "regtype": "2", "ageid": "0" }, { "regid": "50", "parid": "3", "regname": "宣城", "regtype": "2", "ageid": "0" }, { "regid": "51", "parid": "3", "regname": "亳州", "regtype": "2", "ageid": "0" }, { "regid": "52", "parid": "2", "regname": "北京", "regtype": "2", "ageid": "0" }, { "regid": "53", "parid": "4", "regname": "福州", "regtype": "2", "ageid": "0" }, { "regid": "54", "parid": "4", "regname": "龍巖", "regtype": "2", "ageid": "0" }, { "regid": "55", "parid": "4", "regname": "南平", "regtype": "2", "ageid": "0" }, { "regid": "56", "parid": "4", "regname": "寧德", "regtype": "2", "ageid": "0" }, { "regid": "57", "parid": "4", "regname": "莆田", "regtype": "2", "ageid": "0" }, { "regid": "58", "parid": "4", "regname": "泉州", "regtype": "2", "ageid": "0" }, { "regid": "59", "parid": "4", "regname": "三明", "regtype": "2", "ageid": "0" }, { "regid": "60", "parid": "4", "regname": "廈門", "regtype": "2", "ageid": "0" }, { "regid": "61", "parid": "4", "regname": "漳州", "regtype": "2", "ageid": "0" }, { "regid": "62", "parid": "5", "regname": "蘭州", "regtype": "2", "ageid": "0" }, { "regid": "63", "parid": "5", "regname": "白銀", "regtype": "2", "ageid": "0" }, { "regid": "64", "parid": "5", "regname": "定西", "regtype": "2", "ageid": "0" }, { "regid": "65", "parid": "5", "regname": "甘南", "regtype": "2", "ageid": "0" }, { "regid": "66", "parid": "5", "regname": "嘉峪關", "regtype": "2", "ageid": "0" }, { "regid": "67", "parid": "5", "regname": "金昌", "regtype": "2", "ageid": "0" }, { "regid": "68", "parid": "5", "regname": "酒泉", "regtype": "2", "ageid": "0" }, { "regid": "69", "parid": "5", "regname": "臨夏", "regtype": "2", "ageid": "0" }, { "regid": "70", "parid": "5", "regname": "隴南", "regtype": "2", "ageid": "0" }, { "regid": "71", "parid": "5", "regname": "平涼", "regtype": "2", "ageid": "0" }, { "regid": "72", "parid": "5", "regname": "慶陽", "regtype": "2", "ageid": "0" }, { "regid": "73", "parid": "5", "regname": "天水", "regtype": "2", "ageid": "0" }, { "regid": "74", "parid": "5", "regname": "武威", "regtype": "2", "ageid": "0" }, { "regid": "75", "parid": "5", "regname": "張掖", "regtype": "2", "ageid": "0" }, { "regid": "76", "parid": "6", "regname": "廣州", "regtype": "2", "ageid": "0" }, { "regid": "77", "parid": "6", "regname": "深圳", "regtype": "2", "ageid": "0" }, { "regid": "78", "parid": "6", "regname": "潮州", "regtype": "2", "ageid": "0" }, { "regid": "79", "parid": "6", "regname": "東莞", "regtype": "2", "ageid": "0" }, { "regid": "80", "parid": "6", "regname": "佛山", "regtype": "2", "ageid": "0" }, { "regid": "81", "parid": "6", "regname": "河源", "regtype": "2", "ageid": "0" }, { "regid": "82", "parid": "6", "regname": "惠州", "regtype": "2", "ageid": "0" }, { "regid": "83", "parid": "6", "regname": "江門", "regtype": "2", "ageid": "0" }, { "regid": "84", "parid": "6", "regname": "揭陽", "regtype": "2", "ageid": "0" }, { "regid": "85", "parid": "6", "regname": "茂名", "regtype": "2", "ageid": "0" }, { "regid": "86", "parid": "6", "regname": "梅州", "regtype": "2", "ageid": "0" }, { "regid": "87", "parid": "6", "regname": "清遠", "regtype": "2", "ageid": "0" }, { "regid": "88", "parid": "6", "regname": "汕頭", "regtype": "2", "ageid": "0" }, { "regid": "89", "parid": "6", "regname": "汕尾", "regtype": "2", "ageid": "0" }, { "regid": "90", "parid": "6", "regname": "韶關", "regtype": "2", "ageid": "0" }, { "regid": "91", "parid": "6", "regname": "陽江", "regtype": "2", "ageid": "0" }, { "regid": "92", "parid": "6", "regname": "云浮", "regtype": "2", "ageid": "0" }, { "regid": "93", "parid": "6", "regname": "湛江", "regtype": "2", "ageid": "0" }, { "regid": "94", "parid": "6", "regname": "肇慶", "regtype": "2", "ageid": "0" }, { "regid": "95", "parid": "6", "regname": "中山", "regtype": "2", "ageid": "0" }, { "regid": "96", "parid": "6", "regname": "珠海", "regtype": "2", "ageid": "0" }, { "regid": "97", "parid": "7", "regname": "南寧", "regtype": "2", "ageid": "0" }, { "regid": "98", "parid": "7", "regname": "桂林", "regtype": "2", "ageid": "0" }, { "regid": "99", "parid": "7", "regname": "百色", "regtype": "2", "ageid": "0" }, { "regid": "100", "parid": "7", "regname": "北海", "regtype": "2", "ageid": "0" }, { "regid": "101", "parid": "7", "regname": "崇左", "regtype": "2", "ageid": "0" }, { "regid": "102", "parid": "7", "regname": "防城港", "regtype": "2", "ageid": "0" }, { "regid": "103", "parid": "7", "regname": "貴港", "regtype": "2", "ageid": "0" }, { "regid": "104", "parid": "7", "regname": "河池", "regtype": "2", "ageid": "0" }, { "regid": "105", "parid": "7", "regname": "賀州", "regtype": "2", "ageid": "0" }, { "regid": "106", "parid": "7", "regname": "來賓", "regtype": "2", "ageid": "0" }, { "regid": "107", "parid": "7", "regname": "柳州", "regtype": "2", "ageid": "0" }, { "regid": "108", "parid": "7", "regname": "欽州", "regtype": "2", "ageid": "0" }, { "regid": "109", "parid": "7", "regname": "梧州", "regtype": "2", "ageid": "0" }, { "regid": "110", "parid": "7", "regname": "玉林", "regtype": "2", "ageid": "0" }, { "regid": "111", "parid": "8", "regname": "貴陽", "regtype": "2", "ageid": "0" }, { "regid": "112", "parid": "8", "regname": "安順", "regtype": "2", "ageid": "0" }, { "regid": "113", "parid": "8", "regname": "畢節", "regtype": "2", "ageid": "0" }, { "regid": "114", "parid": "8", "regname": "六盤水", "regtype": "2", "ageid": "0" }, { "regid": "115", "parid": "8", "regname": "黔東南", "regtype": "2", "ageid": "0" }, { "regid": "116", "parid": "8", "regname": "黔南", "regtype": "2", "ageid": "0" }, { "regid": "117", "parid": "8", "regname": "黔西南", "regtype": "2", "ageid": "0" }, { "regid": "118", "parid": "8", "regname": "銅仁", "regtype": "2", "ageid": "0" }, { "regid": "119", "parid": "8", "regname": "遵義", "regtype": "2", "ageid": "0" }, { "regid": "120", "parid": "9", "regname": "???, "regtype": "2", "ageid": "0" }, { "regid": "121", "parid": "9", "regname": "三亞", "regtype": "2", "ageid": "0" }, { "regid": "122", "parid": "9", "regname": "白沙", "regtype": "2", "ageid": "0" }, { "regid": "123", "parid": "9", "regname": "保亭", "regtype": "2", "ageid": "0" }, { "regid": "124", "parid": "9", "regname": "昌江", "regtype": "2", "ageid": "0" }, { "regid": "125", "parid": "9", "regname": "澄邁縣", "regtype": "2", "ageid": "0" }, { "regid": "126", "parid": "9", "regname": "定安縣", "regtype": "2", "ageid": "0" }, { "regid": "127", "parid": "9", "regname": "東方", "regtype": "2", "ageid": "0" }, { "regid": "128", "parid": "9", "regname": "樂東", "regtype": "2", "ageid": "0" }, { "regid": "129", "parid": "9", "regname": "臨高縣", "regtype": "2", "ageid": "0" }, { "regid": "130", "parid": "9", "regname": "陵水", "regtype": "2", "ageid": "0" }, { "regid": "131", "parid": "9", "regname": "瓊海", "regtype": "2", "ageid": "0" }, { "regid": "132", "parid": "9", "regname": "瓊中", "regtype": "2", "ageid": "0" }, { "regid": "133", "parid": "9", "regname": "屯昌縣", "regtype": "2", "ageid": "0" }, { "regid": "134", "parid": "9", "regname": "萬寧", "regtype": "2", "ageid": "0" }, { "regid": "135", "parid": "9", "regname": "文昌", "regtype": "2", "ageid": "0" }, { "regid": "136", "parid": "9", "regname": "五指山", "regtype": "2", "ageid": "0" }, { "regid": "137", "parid": "9", "regname": "儋州", "regtype": "2", "ageid": "0" }, { "regid": "138", "parid": "10", "regname": "石家莊", "regtype": "2", "ageid": "0" }, { "regid": "139", "parid": "10", "regname": "保定", "regtype": "2", "ageid": "0" }, { "regid": "140", "parid": "10", "regname": "滄州", "regtype": "2", "ageid": "0" }, { "regid": "141", "parid": "10", "regname": "承德", "regtype": "2", "ageid": "0" }, { "regid": "142", "parid": "10", "regname": "邯鄲", "regtype": "2", "ageid": "0" }, { "regid": "143", "parid": "10", "regname": "衡水", "regtype": "2", "ageid": "0" }, { "regid": "144", "parid": "10", "regname": "廊坊", "regtype": "2", "ageid": "0" }, { "regid": "145", "parid": "10", "regname": "秦皇島", "regtype": "2", "ageid": "0" }, { "regid": "146", "parid": "10", "regname": "唐山", "regtype": "2", "ageid": "0" }, { "regid": "147", "parid": "10", "regname": "邢臺", "regtype": "2", "ageid": "0" }, { "regid": "148", "parid": "10", "regname": "張家口", "regtype": "2", "ageid": "0" }, { "regid": "149", "parid": "11", "regname": "鄭州", "regtype": "2", "ageid": "0" }, { "regid": "150", "parid": "11", "regname": "洛陽", "regtype": "2", "ageid": "0" }, { "regid": "151", "parid": "11", "regname": "開封", "regtype": "2", "ageid": "0" }, { "regid": "152", "parid": "11", "regname": "安陽", "regtype": "2", "ageid": "0" }, { "regid": "153", "parid": "11", "regname": "鶴壁", "regtype": "2", "ageid": "0" }, { "regid": "154", "parid": "11", "regname": "濟源", "regtype": "2", "ageid": "0" }, { "regid": "155", "parid": "11", "regname": "焦作", "regtype": "2", "ageid": "0" }, { "regid": "156", "parid": "11", "regname": "南陽", "regtype": "2", "ageid": "0" }, { "regid": "157", "parid": "11", "regname": "平頂山", "regtype": "2", "ageid": "0" }, { "regid": "158", "parid": "11", "regname": "三門峽", "regtype": "2", "ageid": "0" }, { "regid": "159", "parid": "11", "regname": "商丘", "regtype": "2", "ageid": "0" }, { "regid": "160", "parid": "11", "regname": "新鄉", "regtype": "2", "ageid": "0" }, { "regid": "161", "parid": "11", "regname": "信陽", "regtype": "2", "ageid": "0" }, { "regid": "162", "parid": "11", "regname": "許昌", "regtype": "2", "ageid": "0" }, { "regid": "163", "parid": "11", "regname": "周口", "regtype": "2", "ageid": "0" }, { "regid": "164", "parid": "11", "regname": "駐馬店", "regtype": "2", "ageid": "0" }, { "regid": "165", "parid": "11", "regname": "漯河", "regtype": "2", "ageid": "0" }, { "regid": "166", "parid": "11", "regname": "濮陽", "regtype": "2", "ageid": "0" }, { "regid": "167", "parid": "12", "regname": "哈爾濱", "regtype": "2", "ageid": "0" }, { "regid": "168", "parid": "12", "regname": "大慶", "regtype": "2", "ageid": "0" }, { "regid": "169", "parid": "12", "regname": "大興安嶺", "regtype": "2", "ageid": "0" }, { "regid": "170", "parid": "12", "regname": "鶴崗", "regtype": "2", "ageid": "0" }, { "regid": "171", "parid": "12", "regname": "黑河", "regtype": "2", "ageid": "0" }, { "regid": "172", "parid": "12", "regname": "雞西", "regtype": "2", "ageid": "0" }, { "regid": "173", "parid": "12", "regname": "佳木斯", "regtype": "2", "ageid": "0" }, { "regid": "174", "parid": "12", "regname": "牡丹江", "regtype": "2", "ageid": "0" }, { "regid": "175", "parid": "12", "regname": "七臺河", "regtype": "2", "ageid": "0" }, { "regid": "176", "parid": "12", "regname": "齊齊哈爾", "regtype": "2", "ageid": "0" }, { "regid": "177", "parid": "12", "regname": "雙鴨山", "regtype": "2", "ageid": "0" }, { "regid": "178", "parid": "12", "regname": "綏化", "regtype": "2", "ageid": "0" }, { "regid": "179", "parid": "12", "regname": "伊春", "regtype": "2", "ageid": "0" }, { "regid": "180", "parid": "13", "regname": "武漢", "regtype": "2", "ageid": "0" }, { "regid": "181", "parid": "13", "regname": "仙桃", "regtype": "2", "ageid": "0" }, { "regid": "182", "parid": "13", "regname": "鄂州", "regtype": "2", "ageid": "0" }, { "regid": "183", "parid": "13", "regname": "黃岡", "regtype": "2", "ageid": "0" }, { "regid": "184", "parid": "13", "regname": "黃石", "regtype": "2", "ageid": "0" }, { "regid": "185", "parid": "13", "regname": "荊門", "regtype": "2", "ageid": "0" }, { "regid": "186", "parid": "13", "regname": "荊州", "regtype": "2", "ageid": "0" }, { "regid": "187", "parid": "13", "regname": "潛江", "regtype": "2", "ageid": "0" }, { "regid": "188", "parid": "13", "regname": "神農架林區", "regtype": "2", "ageid": "0" }, { "regid": "189", "parid": "13", "regname": "十堰", "regtype": "2", "ageid": "0" }, { "regid": "190", "parid": "13", "regname": "隨州", "regtype": "2", "ageid": "0" }, { "regid": "191", "parid": "13", "regname": "天門", "regtype": "2", "ageid": "0" }, { "regid": "192", "parid": "13", "regname": "咸寧", "regtype": "2", "ageid": "0" }, { "regid": "193", "parid": "13", "regname": "襄陽(襄樊市)", "regtype": "2", "ageid": "0" }, { "regid": "194", "parid": "13", "regname": "孝感", "regtype": "2", "ageid": "0" }, { "regid": "195", "parid": "13", "regname": "宜昌", "regtype": "2", "ageid": "0" }, { "regid": "196", "parid": "13", "regname": "恩施", "regtype": "2", "ageid": "0" }, { "regid": "197", "parid": "14", "regname": "長沙", "regtype": "2", "ageid": "0" }, { "regid": "198", "parid": "14", "regname": "張家界", "regtype": "2", "ageid": "0" }, { "regid": "199", "parid": "14", "regname": "常德", "regtype": "2", "ageid": "0" }, { "regid": "200", "parid": "14", "regname": "郴州", "regtype": "2", "ageid": "0" }, { "regid": "201", "parid": "14", "regname": "衡陽", "regtype": "2", "ageid": "0" }, { "regid": "202", "parid": "14", "regname": "懷化", "regtype": "2", "ageid": "0" }, { "regid": "203", "parid": "14", "regname": "婁底", "regtype": "2", "ageid": "0" }, { "regid": "204", "parid": "14", "regname": "邵陽", "regtype": "2", "ageid": "0" }, { "regid": "205", "parid": "14", "regname": "湘潭", "regtype": "2", "ageid": "0" }, { "regid": "206", "parid": "14", "regname": "湘西", "regtype": "2", "ageid": "0" }, { "regid": "207", "parid": "14", "regname": "益陽", "regtype": "2", "ageid": "0" }, { "regid": "208", "parid": "14", "regname": "永州", "regtype": "2", "ageid": "0" }, { "regid": "209", "parid": "14", "regname": "岳陽", "regtype": "2", "ageid": "0" }, { "regid": "210", "parid": "14", "regname": "株洲", "regtype": "2", "ageid": "0" }, { "regid": "211", "parid": "15", "regname": "長春", "regtype": "2", "ageid": "0" }, { "regid": "212", "parid": "15", "regname": "吉林", "regtype": "2", "ageid": "0" }, { "regid": "213", "parid": "15", "regname": "白城", "regtype": "2", "ageid": "0" }, { "regid": "214", "parid": "15", "regname": "白山", "regtype": "2", "ageid": "0" }, { "regid": "215", "parid": "15", "regname": "遼源", "regtype": "2", "ageid": "0" }, { "regid": "216", "parid": "15", "regname": "四平", "regtype": "2", "ageid": "0" }, { "regid": "217", "parid": "15", "regname": "松原", "regtype": "2", "ageid": "0" }, { "regid": "218", "parid": "15", "regname": "通化", "regtype": "2", "ageid": "0" }, { "regid": "219", "parid": "15", "regname": "延邊", "regtype": "2", "ageid": "0" }, { "regid": "220", "parid": "16", "regname": "南京", "regtype": "2", "ageid": "0" }, { "regid": "221", "parid": "16", "regname": "蘇州", "regtype": "2", "ageid": "0" }, { "regid": "222", "parid": "16", "regname": "無錫", "regtype": "2", "ageid": "0" }, { "regid": "223", "parid": "16", "regname": "常州", "regtype": "2", "ageid": "0" }, { "regid": "224", "parid": "16", "regname": "淮安", "regtype": "2", "ageid": "0" }, { "regid": "225", "parid": "16", "regname": "連云港", "regtype": "2", "ageid": "0" }, { "regid": "226", "parid": "16", "regname": "南通", "regtype": "2", "ageid": "0" }, { "regid": "227", "parid": "16", "regname": "宿遷", "regtype": "2", "ageid": "0" }, { "regid": "228", "parid": "16", "regname": "泰州", "regtype": "2", "ageid": "0" }, { "regid": "229", "parid": "16", "regname": "徐州", "regtype": "2", "ageid": "0" }, { "regid": "230", "parid": "16", "regname": "鹽城", "regtype": "2", "ageid": "0" }, { "regid": "231", "parid": "16", "regname": "揚州", "regtype": "2", "ageid": "0" }, { "regid": "232", "parid": "16", "regname": "鎮江", "regtype": "2", "ageid": "0" }, { "regid": "233", "parid": "17", "regname": "南昌", "regtype": "2", "ageid": "0" }, { "regid": "234", "parid": "17", "regname": "撫州", "regtype": "2", "ageid": "0" }, { "regid": "235", "parid": "17", "regname": "贛州", "regtype": "2", "ageid": "0" }, { "regid": "236", "parid": "17", "regname": "吉安", "regtype": "2", "ageid": "0" }, { "regid": "237", "parid": "17", "regname": "景德鎮", "regtype": "2", "ageid": "0" }, { "regid": "238", "parid": "17", "regname": "九江", "regtype": "2", "ageid": "0" }, { "regid": "239", "parid": "17", "regname": "萍鄉", "regtype": "2", "ageid": "0" }, { "regid": "240", "parid": "17", "regname": "上饒", "regtype": "2", "ageid": "0" }, { "regid": "241", "parid": "17", "regname": "新余", "regtype": "2", "ageid": "0" }, { "regid": "242", "parid": "17", "regname": "宜春", "regtype": "2", "ageid": "0" }, { "regid": "243", "parid": "17", "regname": "鷹潭", "regtype": "2", "ageid": "0" }, { "regid": "244", "parid": "18", "regname": "沈陽", "regtype": "2", "ageid": "0" }, { "regid": "245", "parid": "18", "regname": "大連", "regtype": "2", "ageid": "0" }, { "regid": "246", "parid": "18", "regname": "鞍山", "regtype": "2", "ageid": "0" }, { "regid": "247", "parid": "18", "regname": "本溪", "regtype": "2", "ageid": "0" }, { "regid": "248", "parid": "18", "regname": "朝陽", "regtype": "2", "ageid": "0" }, { "regid": "249", "parid": "18", "regname": "丹東", "regtype": "2", "ageid": "0" }, { "regid": "250", "parid": "18", "regname": "撫順", "regtype": "2", "ageid": "0" }, { "regid": "251", "parid": "18", "regname": "阜新", "regtype": "2", "ageid": "0" }, { "regid": "252", "parid": "18", "regname": "葫蘆島", "regtype": "2", "ageid": "0" }, { "regid": "253", "parid": "18", "regname": "錦州", "regtype": "2", "ageid": "0" }, { "regid": "254", "parid": "18", "regname": "遼陽", "regtype": "2", "ageid": "0" }, { "regid": "255", "parid": "18", "regname": "盤錦", "regtype": "2", "ageid": "0" }, { "regid": "256", "parid": "18", "regname": "鐵嶺", "regtype": "2", "ageid": "0" }, { "regid": "257", "parid": "18", "regname": "營口", "regtype": "2", "ageid": "0" }, { "regid": "258", "parid": "19", "regname": "呼和浩特", "regtype": "2", "ageid": "0" }, { "regid": "259", "parid": "19", "regname": "阿拉善盟", "regtype": "2", "ageid": "0" }, { "regid": "260", "parid": "19", "regname": "巴彥淖爾盟", "regtype": "2", "ageid": "0" }, { "regid": "261", "parid": "19", "regname": "包頭", "regtype": "2", "ageid": "0" }, { "regid": "262", "parid": "19", "regname": "赤峰", "regtype": "2", "ageid": "0" }, { "regid": "263", "parid": "19", "regname": "鄂爾多斯", "regtype": "2", "ageid": "0" }, { "regid": "264", "parid": "19", "regname": "呼倫貝爾", "regtype": "2", "ageid": "0" }, { "regid": "265", "parid": "19", "regname": "通遼", "regtype": "2", "ageid": "0" }, { "regid": "266", "parid": "19", "regname": "烏海", "regtype": "2", "ageid": "0" }, { "regid": "267", "parid": "19", "regname": "烏蘭察布市", "regtype": "2", "ageid": "0" }, { "regid": "268", "parid": "19", "regname": "錫林郭勒盟", "regtype": "2", "ageid": "0" }, { "regid": "269", "parid": "19", "regname": "興安盟", "regtype": "2", "ageid": "0" }, { "regid": "270", "parid": "20", "regname": "銀川", "regtype": "2", "ageid": "0" }, { "regid": "271", "parid": "20", "regname": "固原", "regtype": "2", "ageid": "0" }, { "regid": "272", "parid": "20", "regname": "石嘴山", "regtype": "2", "ageid": "0" }, { "regid": "273", "parid": "20", "regname": "吳忠", "regtype": "2", "ageid": "0" }, { "regid": "274", "parid": "20", "regname": "中衛", "regtype": "2", "ageid": "0" }, { "regid": "275", "parid": "21", "regname": "西寧", "regtype": "2", "ageid": "0" }, { "regid": "276", "parid": "21", "regname": "果洛", "regtype": "2", "ageid": "0" }, { "regid": "277", "parid": "21", "regname": "海北", "regtype": "2", "ageid": "0" }, { "regid": "278", "parid": "21", "regname": "海東", "regtype": "2", "ageid": "0" }, { "regid": "279", "parid": "21", "regname": "海南", "regtype": "2", "ageid": "0" }, { "regid": "280", "parid": "21", "regname": "海西", "regtype": "2", "ageid": "0" }, { "regid": "281", "parid": "21", "regname": "黃南", "regtype": "2", "ageid": "0" }, { "regid": "282", "parid": "21", "regname": "玉樹", "regtype": "2", "ageid": "0" }, { "regid": "283", "parid": "22", "regname": "濟南", "regtype": "2", "ageid": "0" }, { "regid": "284", "parid": "22", "regname": "青島", "regtype": "2", "ageid": "0" }, { "regid": "285", "parid": "22", "regname": "濱州", "regtype": "2", "ageid": "0" }, { "regid": "286", "parid": "22", "regname": "德州", "regtype": "2", "ageid": "0" }, { "regid": "287", "parid": "22", "regname": "東營", "regtype": "2", "ageid": "0" }, { "regid": "288", "parid": "22", "regname": "菏澤", "regtype": "2", "ageid": "0" }, { "regid": "289", "parid": "22", "regname": "濟寧", "regtype": "2", "ageid": "0" }, { "regid": "290", "parid": "22", "regname": "萊蕪", "regtype": "2", "ageid": "0" }, { "regid": "291", "parid": "22", "regname": "聊城", "regtype": "2", "ageid": "0" }, { "regid": "292", "parid": "22", "regname": "臨沂", "regtype": "2", "ageid": "0" }, { "regid": "293", "parid": "22", "regname": "日照", "regtype": "2", "ageid": "0" }, { "regid": "294", "parid": "22", "regname": "泰安", "regtype": "2", "ageid": "0" }, { "regid": "295", "parid": "22", "regname": "威海", "regtype": "2", "ageid": "0" }, { "regid": "296", "parid": "22", "regname": "濰坊", "regtype": "2", "ageid": "0" }, { "regid": "297", "parid": "22", "regname": "煙臺", "regtype": "2", "ageid": "0" }, { "regid": "298", "parid": "22", "regname": "棗莊", "regtype": "2", "ageid": "0" }, { "regid": "299", "parid": "22", "regname": "淄博", "regtype": "2", "ageid": "0" }, { "regid": "300", "parid": "23", "regname": "太原", "regtype": "2", "ageid": "0" }, { "regid": "301", "parid": "23", "regname": "長治", "regtype": "2", "ageid": "0" }, { "regid": "302", "parid": "23", "regname": "大同", "regtype": "2", "ageid": "0" }, { "regid": "303", "parid": "23", "regname": "晉城", "regtype": "2", "ageid": "0" }, { "regid": "304", "parid": "23", "regname": "晉中", "regtype": "2", "ageid": "0" }, { "regid": "305", "parid": "23", "regname": "臨汾", "regtype": "2", "ageid": "0" }, { "regid": "306", "parid": "23", "regname": "呂梁", "regtype": "2", "ageid": "0" }, { "regid": "307", "parid": "23", "regname": "朔州", "regtype": "2", "ageid": "0" }, { "regid": "308", "parid": "23", "regname": "忻州", "regtype": "2", "ageid": "0" }, { "regid": "309", "parid": "23", "regname": "陽泉", "regtype": "2", "ageid": "0" }, { "regid": "310", "parid": "23", "regname": "運城", "regtype": "2", "ageid": "0" }, { "regid": "311", "parid": "24", "regname": "西安", "regtype": "2", "ageid": "0" }, { "regid": "312", "parid": "24", "regname": "安康", "regtype": "2", "ageid": "0" }, { "regid": "313", "parid": "24", "regname": "寶雞", "regtype": "2", "ageid": "0" }, { "regid": "314", "parid": "24", "regname": "漢中", "regtype": "2", "ageid": "0" }, { "regid": "315", "parid": "24", "regname": "商洛", "regtype": "2", "ageid": "0" }, { "regid": "316", "parid": "24", "regname": "銅川", "regtype": "2", "ageid": "0" }, { "regid": "317", "parid": "24", "regname": "渭南", "regtype": "2", "ageid": "0" }, { "regid": "318", "parid": "24", "regname": "咸陽", "regtype": "2", "ageid": "0" }, { "regid": "319", "parid": "24", "regname": "延安", "regtype": "2", "ageid": "0" }, { "regid": "320", "parid": "24", "regname": "榆林", "regtype": "2", "ageid": "0" }, { "regid": "321", "parid": "25", "regname": "上海", "regtype": "2", "ageid": "0" }, { "regid": "322", "parid": "26", "regname": "成都", "regtype": "2", "ageid": "0" }, { "regid": "323", "parid": "26", "regname": "綿陽", "regtype": "2", "ageid": "0" }, { "regid": "324", "parid": "26", "regname": "阿壩", "regtype": "2", "ageid": "0" }, { "regid": "325", "parid": "26", "regname": "巴中", "regtype": "2", "ageid": "0" }, { "regid": "326", "parid": "26", "regname": "達州", "regtype": "2", "ageid": "0" }, { "regid": "327", "parid": "26", "regname": "德陽", "regtype": "2", "ageid": "0" }, { "regid": "328", "parid": "26", "regname": "甘孜", "regtype": "2", "ageid": "0" }, { "regid": "329", "parid": "26", "regname": "廣安", "regtype": "2", "ageid": "0" }, { "regid": "330", "parid": "26", "regname": "廣元", "regtype": "2", "ageid": "0" }, { "regid": "331", "parid": "26", "regname": "樂山", "regtype": "2", "ageid": "0" }, { "regid": "332", "parid": "26", "regname": "涼山", "regtype": "2", "ageid": "0" }, { "regid": "333", "parid": "26", "regname": "眉山", "regtype": "2", "ageid": "0" }, { "regid": "334", "parid": "26", "regname": "南充", "regtype": "2", "ageid": "0" }, { "regid": "335", "parid": "26", "regname": "內江", "regtype": "2", "ageid": "0" }, { "regid": "336", "parid": "26", "regname": "攀枝花", "regtype": "2", "ageid": "0" }, { "regid": "337", "parid": "26", "regname": "遂寧", "regtype": "2", "ageid": "0" }, { "regid": "338", "parid": "26", "regname": "雅安", "regtype": "2", "ageid": "0" }, { "regid": "339", "parid": "26", "regname": "宜賓", "regtype": "2", "ageid": "0" }, { "regid": "340", "parid": "26", "regname": "資陽", "regtype": "2", "ageid": "0" }, { "regid": "341", "parid": "26", "regname": "自貢", "regtype": "2", "ageid": "0" }, { "regid": "342", "parid": "26", "regname": "瀘州", "regtype": "2", "ageid": "0" }, { "regid": "343", "parid": "27", "regname": "天津", "regtype": "2", "ageid": "0" }, { "regid": "344", "parid": "28", "regname": "拉薩", "regtype": "2", "ageid": "0" }, { "regid": "345", "parid": "28", "regname": "阿里", "regtype": "2", "ageid": "0" }, { "regid": "346", "parid": "28", "regname": "昌都", "regtype": "2", "ageid": "0" }, { "regid": "347", "parid": "28", "regname": "林芝", "regtype": "2", "ageid": "0" }, { "regid": "348", "parid": "28", "regname": "那曲", "regtype": "2", "ageid": "0" }, { "regid": "349", "parid": "28", "regname": "日喀則", "regtype": "2", "ageid": "0" }, { "regid": "350", "parid": "28", "regname": "山南", "regtype": "2", "ageid": "0" }, { "regid": "351", "parid": "29", "regname": "烏魯木齊", "regtype": "2", "ageid": "0" }, { "regid": "352", "parid": "29", "regname": "阿克蘇", "regtype": "2", "ageid": "0" }, { "regid": "353", "parid": "29", "regname": "阿拉爾", "regtype": "2", "ageid": "0" }, { "regid": "354", "parid": "29", "regname": "巴音郭楞", "regtype": "2", "ageid": "0" }, { "regid": "355", "parid": "29", "regname": "博爾塔拉", "regtype": "2", "ageid": "0" }, { "regid": "356", "parid": "29", "regname": "昌吉", "regtype": "2", "ageid": "0" }, { "regid": "357", "parid": "29", "regname": "哈密", "regtype": "2", "ageid": "0" }, { "regid": "358", "parid": "29", "regname": "和田", "regtype": "2", "ageid": "0" }, { "regid": "359", "parid": "29", "regname": "喀什", "regtype": "2", "ageid": "0" }, { "regid": "360", "parid": "29", "regname": "克拉瑪依", "regtype": "2", "ageid": "0" }, { "regid": "361", "parid": "29", "regname": "克孜勒蘇", "regtype": "2", "ageid": "0" }, { "regid": "362", "parid": "29", "regname": "石河子", "regtype": "2", "ageid": "0" }, { "regid": "363", "parid": "29", "regname": "圖木舒克", "regtype": "2", "ageid": "0" }, { "regid": "364", "parid": "29", "regname": "吐魯番", "regtype": "2", "ageid": "0" }, { "regid": "365", "parid": "29", "regname": "五家渠", "regtype": "2", "ageid": "0" }, { "regid": "366", "parid": "29", "regname": "伊犁", "regtype": "2", "ageid": "0" }, { "regid": "367", "parid": "30", "regname": "昆明", "regtype": "2", "ageid": "0" }, { "regid": "368", "parid": "30", "regname": "怒江", "regtype": "2", "ageid": "0" }, { "regid": "369", "parid": "30", "regname": "普洱", "regtype": "2", "ageid": "0" }, { "regid": "370", "parid": "30", "regname": "麗江", "regtype": "2", "ageid": "0" }, { "regid": "371", "parid": "30", "regname": "保山", "regtype": "2", "ageid": "0" }, { "regid": "372", "parid": "30", "regname": "楚雄", "regtype": "2", "ageid": "0" }, { "regid": "373", "parid": "30", "regname": "大理", "regtype": "2", "ageid": "0" }, { "regid": "374", "parid": "30", "regname": "德宏", "regtype": "2", "ageid": "0" }, { "regid": "375", "parid": "30", "regname": "迪慶", "regtype": "2", "ageid": "0" }, { "regid": "376", "parid": "30", "regname": "紅河", "regtype": "2", "ageid": "0" }, { "regid": "377", "parid": "30", "regname": "臨滄", "regtype": "2", "ageid": "0" }, { "regid": "378", "parid": "30", "regname": "曲靖", "regtype": "2", "ageid": "0" }, { "regid": "379", "parid": "30", "regname": "文山", "regtype": "2", "ageid": "0" }, { "regid": "380", "parid": "30", "regname": "西雙版納", "regtype": "2", "ageid": "0" }, { "regid": "381", "parid": "30", "regname": "玉溪", "regtype": "2", "ageid": "0" }, { "regid": "382", "parid": "30", "regname": "昭通", "regtype": "2", "ageid": "0" }, { "regid": "383", "parid": "31", "regname": "杭州", "regtype": "2", "ageid": "0" }, { "regid": "384", "parid": "31", "regname": "湖州", "regtype": "2", "ageid": "0" }, { "regid": "385", "parid": "31", "regname": "嘉興", "regtype": "2", "ageid": "0" }, { "regid": "386", "parid": "31", "regname": "金華", "regtype": "2", "ageid": "0" }, { "regid": "387", "parid": "31", "regname": "麗水", "regtype": "2", "ageid": "0" }, { "regid": "388", "parid": "31", "regname": "寧波", "regtype": "2", "ageid": "0" }, { "regid": "389", "parid": "31", "regname": "紹興", "regtype": "2", "ageid": "0" }, { "regid": "390", "parid": "31", "regname": "臺州", "regtype": "2", "ageid": "0" }, { "regid": "391", "parid": "31", "regname": "溫州", "regtype": "2", "ageid": "0" }, { "regid": "392", "parid": "31", "regname": "舟山", "regtype": "2", "ageid": "0" }, { "regid": "393", "parid": "31", "regname": "衢州", "regtype": "2", "ageid": "0" }, { "regid": "394", "parid": "32", "regname": "重慶", "regtype": "2", "ageid": "0" }, { "regid": "395", "parid": "33", "regname": "香港", "regtype": "2", "ageid": "0" }, { "regid": "396", "parid": "34", "regname": "澳門", "regtype": "2", "ageid": "0" }, { "regid": "397", "parid": "35", "regname": "臺灣", "regtype": "2", "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
            })
     
        }
      }
       
    })
    效果展示


     


     


     


     


     






    編輯時回顯示省市參考如下(回顯主要是根據multiIndex:[0,0] ,下標進行回顯,multiIndex[0]:代表的是省在multiArray下標,multiIndex[1]代表的是當前省在objectMultiArray數組中的所有市,存放在一個新的數組中citys,當前市在citys中的下標):


    1.在回顯頁面的js,頁面onLoad方法里查詢出當前回顯省對應code在multiArray數組中下標id,并且查詢出當前省在objectMultiArray數組中的所有市存放在一個新的數組中citys,然后找出當前回顯數據市在citys中的下標


    代碼實現:


    var userId = wx.getStorageSync("WXUserSign");
    var citys = require('../../utils/city.js');
    var app = getApp();
    var list = [];
    var addressList = null;
    Page({
        data: {
            // 普通選擇器列表設置,及初始化
            countryIndex: 6,
            // 省市區三級聯動初始化
            addressList: [],
            region: ["", "", ""], //當前選定地區
            //默認地址的圖片
            Records: false,
            consignee: "", //人名
            address: " ", //詳細地址
            mobile: "", //手機號
            email: "", //輸入的郵箱
            havetype: false,
            types: "",//傳進來的參數
            isDefault: "1",//默認
            provinceName: "",//省
            provinceNameID: "",//省ID
            cityName: "",//市
            cityNameID: "",//市ID
            multiIndex: [0,0],
            multiArray: [],
            objectMultiArray: [],
        },
        // 選擇省市區函數
        changeRegin(e) {
            var addressAll = e.detail.value
            this.setData({
                region: addressAll,
                provinceName: addressAll[0],
                cityName: addressAll[1]
            });
            console.log(this.data.provinceName)
            console.log(this.data.cityName)
        },
        aaSetImgClick: function () {
            var Records = this.data.Records
            var Records = !Records
            this.setData({
                Records: !this.data.Records
            });
        },
        consignee: function (e) {
            var consignee = e.detail.value;
            this.setData({
                consignee: consignee,
            })
        },
        tel: function (e) {
            var tel = e.detail.value;
     
            this.setData({
                tel: tel,
            })
        },
        email: function (e) {
            var email = e.detail.value;
            this.setData({
                email: email,
            })
        },
        address: function (e) {
            this.setData({
                address: e.detail.value,
            })
            console.log(this.data.address)
        },
        saves: function (e) {
            var that = this
            var consignee = this.data.consignee //收件人
            var tel = this.data.tel //當前輸入的手機號
            var email = this.data.email //當前輸入的郵箱號
            var region = this.data.region //當前輸入的所在地區
            var address = this.data.address //詳細地址
            var Records = this.data.Records
            var provinceName = this.data.provinceNameID + "," + this.data.provinceName
            var cityName = this.data.cityNameID + "," + this.data.cityName
            var provinceNameID = this.data.provinceNameID//省ID
            var cityNameID = this.data.cityNameID //市ID
            var address = this.data.address//詳細地址
            var isDefault = this.data.isDefault//默認
            console.log(provinceName)
            var AddresseepeoVerification = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,20}$/
            var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
            var emails = /^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})$/
            if (this.data.consignee != "") {
                if (!AddresseepeoVerification.test(this.data.consignee)) {
                    wx.showModal({
                        title: '提示',
                        content: '請輸入正確姓名',
                        showCancel: false
                    })
                    return false;
                }
            }
            if (tel != "") {
                if (!myreg.test(tel)) {
                    wx.showModal({
                        title: '提示',
                        content: '手機號有誤',
                        showCancel: false
                    })
                    return false;
                }
            }
            if (email != "") {
                if (!emails.test(email)) {
                    wx.showModal({
                        title: '提示',
                        content: '郵箱格式錯誤',
                        showCancel: false
                    })
                    return false;
                }
            }
            if (this.data.consignee == "") {
                wx.showModal({
                    title: '提示',
                    content: " 請輸入收件人姓名",
                    showCancel: false
                })
            } else if (this.data.tel == "") {
                wx.showModal({
                    title: '提示',
                    content: " 請輸入手機號",
                    showCancel: false
                })
            } else if (this.data.email == "") {
                wx.showModal({
                    title: '提示',
                    content: "請輸入郵箱",
                    showCancel: false
                })
            } else if (this.data.address == "") {
                wx.showModal({
                    title: '提示',
                    content: "請輸入詳細地址",
                    showCancel: false
                })
            } else {
                console.log(consignee + "," + tel + "," + email + "," + address + "," + region); //輸出該文本
                var arr = wx.getStorageSync('addressList') || [];
                addressList = {
                    consignee: consignee,
                    tel: tel,
                    email: email,
                    region: region,
                    address: address,
                    Records: Records
                }
            }
            if (this.data.havetype == true) {
                console.log("有參數")
                wx.request({
                    url: app.globalData.URL + '/member/updateAddress?WXUserSign=' + userId, //后臺接口
                    method: 'post',
                    data: {
                        consignee: consignee,
                        tel: tel,
                        email: email,
                        provinceName: provinceName,
                        cityName: cityName,
                        address: that.dataaddress,
                        isDefault: isDefault
                    },
                    header: {
                        "Content-Type": "application/x-www-form-urlencoded" // 表單提交默認值
                    },
                    success: function (res) {
                        // console.log(res.data.code)
                        console.log(res)
     
                    }
                })
                wx.navigateBack({})
            } else {
                console.log("沒有參數")
                wx.request({
                    url: app.globalData.URL + '/member/addAddress?WXUserSign=' + userId, //后臺接口
                    method: 'post',
                    data: {
                        consignee: consignee,
                        tel: tel,
                        email: email,
                        provinceName: provinceName,
                        cityName: cityName,
                        address: that.dataaddress,
                        isDefault: isDefault
                    },
                    header: {
                        "Content-Type": "application/x-www-form-urlencoded" // 表單提交默認值
                    },
                    success: function (res) {
                        console.log(res)
                    }
                })
                wx.navigateBack({})
            }
        },
        onLoad: function (options) {
            console.info("addressId" + options.addressId);
            var that = this
            this.setData({ objectMultiArray: citys.citys });
            this.setData({ multiArray: citys.multiArray });
            var addressId = options.addressId
            var arr = wx.getStorageSync('addressList') || [];
            //有傳值
            if (options) {
               var types = options.title;
               var cityArray = citys.citys;//市數組objectMultiArray
               var provinceArray = citys.multiArray;//省數組multiArray
               if (options.addressId != undefined){
               wx.request({//獲取當前收貨地址信息
                  url: app.globalData.URL + '/member/showAddress?WXUserSign=' + userId + "&addressId=" + addressId,
                  method: 'get',
                  success: function (res) {
                    var address = res.data.data
                    that.setData({
                      addressList: address,
                      provinceNameID: address.province,//當前收貨地址省id
                      cityNameID: address.city//當前收貨地址市id
                    });
                    var multiIndexArray = [];
                    var showCityArray = [];//聲明新的顯示市數組,用于查找當前省的市在當前省下面所有市的數組中的下標
                    for (var i = 0; i < provinceArray[0].length; i++) {//獲取當前省在插件省provinceArray數組中的下標
                      if (address.provinceName == provinceArray[0][i]) {
                          multiIndexArray[0]=i;
                          break;
                      }
                    }
                    for (var i = 0; i < cityArray.length; i++) {//獲取當前省在插件省所有市數組
                      if (that.data.provinceNameID == cityArray[i].parid) {//根據當前省名稱去匹配
                          showCityArray.push(cityArray[i].regname);
                      }
                    }
                    for (var i = 0; i < showCityArray.length; i++) {//獲取當前市在當前省所有市showCityArray數組中的下標
                      if (address.cityName == showCityArray[i]) {//根據當前市名稱去匹配
                           multiIndexArray[1] = i;
                      }
                    }
                    that.setData({
                      "multiIndex[0]": multiIndexArray[0],//省下標
                      "multiIndex[1]": multiIndexArray[1],//市下標
                      "multiArray[1]": showCityArray//給wxml頁面中的range數組中市賦值(相當于multiArray[1]市數組),用于根據value[2,3],3就是當前市在福建省下所有市中的下標也就是寧德
                    })
    //                   < pickerclass="picker"mode = "multiSelector"range = "[["北京","安徽","福建","甘肅","廣東","廣西","貴州","海南","河北","河南","黑龍江","湖北","湖南","吉林","江蘇","江西","遼寧","內蒙古","寧夏","青海","山東","山西","陜西","上海","四川","天津","西藏","新疆","云南","浙江","重慶","香港","澳門","臺灣","北京"],["福州","龍巖","南平","寧德","莆田","泉州","三明","廈門","漳州"]]"value = "[2,3]" >
    //                     <viewclass="tui-picker-detail" > 福建,寧德 </view >
    // </picker >
     
                    // <view wx:if="{{havetype}}">
                      //< picker class="picker" mode = "multiSelector" bindchange = "bindMultiPickerChange" bindcolumnchange = "bindMultiPickerColumnChange" value = "{{multiIndex}}" range = "{{multiArray}}" >
                  }
                })
                }
            } else {
                //沒有傳值
                console.log("沒有參數")
                this.setData({
                    addressList: arr,
                    havetype: false
                });
            }
        },
        //地區選擇
        bindMultiPickerChange: function (e) {
            var arrs = []
            var that = this;
            console.log(this.data.objectMultiArray[e.detail.value[0]].regname)//省ID
            var provinceNameID = this.data.objectMultiArray[e.detail.value[0]].regid
            var provinceName = this.data.objectMultiArray[e.detail.value[0]].regname
            this.setData({
     
                provinceNameID: provinceNameID,
                provinceName: provinceName
     
            });
     
            //console.log(this.data.multiArray[1][e.detail.value[1]]);
            //console.log(this.data.objectMultiArray)
            for (var i = 0; i < that.data.objectMultiArray.length; i++) {
                if (that.data.objectMultiArray[i].parid == that.data.objectMultiArray[e.detail.value[0]].regid && that.data.objectMultiArray[i].regtype == 2) {
                    // console.log(that.data.objectMultiArray[i]);
                    arrs.push(that.data.objectMultiArray[i]);
                }
            }
            console.log(arrs[e.detail.value[1]].regid)//市區ID
            var cityNameID = arrs[e.detail.value[1]].regid
            var cityName = arrs[e.detail.value[1]].regname
            this.setData({
                cityNameID: cityNameID,
                cityName: cityName
            });
            //   console.log(this.data.provinceNameID + "," + this.data.provinceName)
            that.setData({
                "multiIndex[0]": e.detail.value[0],
                "multiIndex[1]": e.detail.value[1]
            })
        },
    })
    效果圖:






    具體代碼實現,我已經打成一個壓縮包,可以根據該鏈接https://download.csdn.net/download/semial/10906458地址去下載,提供參考。
    ————————————————
    版權聲明:本文為CSDN博主「Mario-」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
    原文鏈接:https://blog.csdn.net/semial/article/details/86148081()

    以上是由福州網站建設的小編為你分享了"微信小程序picker組件 - 省市二級聯動及其回顯(可用 )"文章,如果你在這方面有什么問題,隨時聯系我們

    福州微信小程序有關的文章
    如果您有什么問題,歡迎咨詢我們客服! 點擊QQ咨詢
    色妞网AV天堂,特级毛片高清特级毛片,免费欧洲毛片A级喷水视频软件
  • <menu id="imq0s"><strong id="imq0s"></strong></menu>