#### 1.添加三個字段，配置控件類型為：下拉框  #### 2.定義js增強  代碼： ``` loaded(){ this.changeOptions('pro',[ {value:'1',text:'安徽省'}, {value:'2',text:'河南省'} ]); } onlChange(){ return { pro(){ let value = event.value let cityOptions = [] if(value=='2'){ cityOptions = [{text:'鄭州市',value:'2-1'},{text:'開封市',value:'2-2'}] }else{ cityOptions = [{text:'合肥市',value:'1-1'},{text:'蕪湖市',value:'1-2'}] } this.changeOptions('city',cityOptions); } city(){ let value = event.value let areaOptions = [] if(value=='1-1'){ areaOptions= [{text:'包河區',value:'1-1-1'},{text:'臨江縣',value:'1-1-2'}] }else{ areaOptions= [{text:'其他區',value:'xxx'},{text:'其他縣',value:'xxxxx'}] } this.changeOptions('area',areaOptions); } } } ``` #### 3.演示效果：  >[info] 這里需要注意的是：表單只是顯示了3級聯動的效果，但是實際存儲的數據是下拉框數據對應的value，所以列表上顯示的也是value的值，想要顯示text的值，建議如下(*不需要顯示則忽略此建議*)： > 1.可以將value的值和text保持一致 > 2.或者通過java增強的查詢增強，在后端定義java類處理列表頁面數據的顯示轉換。