現(xiàn)實生活中有很多的下拉框是級聯(lián)操作的，即因為第一個下拉框的選擇，影響到后面的下拉框的選擇的列表的數據。或許在代碼中，這些操作相對比較簡單，通過前一個下拉框的選擇項來控制后一個下拉框的數據的動態(tài)添加。那么，如何使用Axure來實現(xiàn)這一操作呢，下面提供了幾種方法進行參考。

下面我們以省市區(qū)的三級聯(lián)動來實現(xiàn)一下。

第一種實現(xiàn)方法

1、首先在頁面中放置三個下拉框，分別用來顯示：省、市、區(qū)，然后將第二個和第三個下拉框設置為動態(tài)面板，如下圖。

?

?

?

2、將第一個下拉框中添加數據，例如請選擇省份、安徽省和黑龍江省，然后在第二個市的動態(tài)面板中分別添加兩個面板狀態(tài)，名稱分別為安徽省和黑龍江省（此處強烈建議面板狀態(tài)的名字和其前一個下拉框中選項的名稱一致，因為這樣有利于后期操作），然后在其狀態(tài)面板中的下拉框中填寫該面板狀態(tài)名稱下的省份中的市級名稱，以同樣的方法添加對應市級城市的區(qū)域信息。如下圖。

?

3、如果相應的數據已經添加好了，那么我們開始進行交互的添加，選擇第一個下拉框，選擇【選項改變時】，然后選擇【編輯條件】在頁面中選擇選項為對應的省份，然后確定。在添加動作中選擇【設置面板狀態(tài)】，選擇對應的動態(tài)面板為市級的面板，然后在選擇狀態(tài)中選擇對應的之前設置的面板狀態(tài)和當前選擇的省名稱為同一個的面板狀態(tài)。如下圖。

?

4、同樣的操作方式，在區(qū)級下拉框中進行添加。

第二種實現(xiàn)方法

相對于第一種方法需要天機很多的事件，需要將省級、市級每個選項發(fā)生變化都需要添加事件。像這種數據量較大的來說相對繁瑣一些。第二種方法在第一種方法的基礎上，稍作修改，可以節(jié)省一定的繁瑣操作來實現(xiàn)。

其中第一種實現(xiàn)方法的【1】、【2】步驟是添加數據的，這部分不需要修改。那么我們從第三步開始調整一下。

1、首先我們還是在省級的【選擇改變時】進行添加事件。選擇【設置面板狀態(tài)】，選擇對應的動態(tài)面板，在選擇狀態(tài)中選擇Value，然后在狀態(tài)名稱或者需要中填寫[[LVAR1]]（可以自主添加），然后選擇后面的【fx】,按照下圖進行添加。點擊確定后，即可實現(xiàn)省級和市級的聯(lián)動。參照下圖。

?

?

?

2、同樣的市級和區(qū)域中的聯(lián)動也是以同樣的方法，在此處相對的需要的操作還是多一些的，不過相對第一種方法已經是省去了很多的操作步驟，在添加局部變量的時候，建議使用語義化的名稱。

?

?

?

以上是我現(xiàn)在了解的兩種實現(xiàn)方法，如后續(xù)有新的方法會繼續(xù)補充，也是剛開始接觸這個東東，如果有不合理的地方希望批評指教。

?

?

參考文檔：

http://www.woshipm.com/rp/438724.html

轉載于:https://www.cnblogs.com/nine-zirou/p/9715151.html

總結

以上是生活随笔為你收集整理的Axure下拉框级联操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。