微信小程序实现地区选择伪五级联动_javascript技巧_

     多列选择器                     当前选择：全国                       当前选择：{{multiArray[0][multiIndex[0]]}}                       当前选择：{{multiArray[0][multiIndex[0]]}}-{{multiArray[1][multiIndex[1]]}}                       当前选择：{{multiArray[0][multiIndex[0]]}}-{{multiArray[1][multiIndex[1]]}}-{{multiArray[2][multiIndex[2]]}}                       当前选择：{{multiArray[0][multiIndex[0]]}}-{{multiArray[1][multiIndex[1]]}}-{{multiArray[2][multiIndex[2]]}}-{{multiArray[3][multiIndex[3]]}}            

onLoad: async function (options) {     let chinaData = await getCountryList()     chinaData.unshift({city: [],code: 0,name: "全部"})     for(let one of chinaData){         one.city.unshift({county: [],code: 0,name: "全部"})         for(let two of one.city){             two.county.unshift({code: 0,name: "全部"})         }     }     this.data.chinaData = chinaData;     let sheng = []; //  设置省数组     for(let i = 0; i < chinaData.length; i++) {        sheng.push(chinaData[i].name);     }     this.setData({        "multiArray[0]": sheng     })     this.getCity(); // 得到市 },     bindMultiPickerChange: function(e) {         console.log(e);     },     bindMultiPickerColumnChange: function(e) {         let move = e.detail;         let index = move.column;         let value = move.value;         if (index == 0) {           this.setData({             multiIndex: [value,0,0,0]           })           this.getCity();         }         if (index == 1) {           this.setData({             "multiIndex[1]": value,             "multiIndex[2]": 0,             "multiIndex[3]": 0           })           this.getXian();         }         if (index == 2) {           this.setData({             "multiIndex[2]": value,             "multiIndex[3]": 0,                 })           this.getZhen();         }         if (index == 3) {           this.setData({             "multiIndex[3]": value           })           this.getZhen();         }     },     getCity: function() { //  得到市         let shengNum = this.data.multiIndex[0];         let chinaData = this.data.chinaData;         let cityData = chinaData[shengNum].city;         let city = [];         for (let i = 0; i < cityData.length; i++) {           city.push(cityData[i].name)         }         this.setData({           "multiArray[1]": city         })         this.getXian();     },     getXian: function(e) { //  得到县         let shengNum = this.data.multiIndex[0];         let cityNum = this.data.multiIndex[1];         let chinaData = this.data.chinaData;         let xianData = chinaData[shengNum].city[cityNum].county;         let xian = [];         for (let i = 0; i < xianData.length; i++) {           xian.push(xianData[i].name)         }         this.setData({           "multiArray[2]": xian         })         this.getZhen();     },     async getZhen(){//  得到镇         let shengNum = this.data.multiIndex[0];         let cityNum = this.data.multiIndex[1];         let xianNum = this.data.multiIndex[2];         let chinaData = this.data.chinaData;         let zhen = [];         if(chinaData[shengNum].city[cityNum].county[xianNum].code == 0){             this.setData({                 "multiArray[3]" : ["全部"]             })         }else{             //这里需要传县的code值获取镇的数据             let res =  await getTownByCounty(chinaData[shengNum].city[cityNum].county[xianNum].code)             let zhenData = JSON.parse(res.data.data.json)             zhenData.unshift({code: 0,name: "全部"})             for (let i = 0; i < zhenData.length; i++) {                 zhen.push(zhenData[i].name)             }             this.setData({                 "multiArray[3]" : zhen             })         }     }