<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                #### 1.添加三個字段,配置控件類型為:下拉框 ![](https://img.kancloud.cn/0d/e4/0de4b89a45aee0bbd57c8baeba4a6acd_1213x166.png) #### 2.定義js增強 ![](https://img.kancloud.cn/38/29/3829eee7b5d2555a5ee6fe6c950a1cc9_795x408.png) 代碼: ``` 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.演示效果: ![](https://img.kancloud.cn/e7/a0/e7a065e0b11d654b13c292fc91ed07ab_1300x504.png) >[info] 這里需要注意的是:表單只是顯示了3級聯動的效果,但是實際存儲的數據是下拉框數據對應的value,所以列表上顯示的也是value的值,想要顯示text的值,建議如下(*不需要顯示則忽略此建議*): > 1.可以將value的值和text保持一致 > 2.或者通過java增強的查詢增強,在后端定義java類處理列表頁面數據的顯示轉換。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看