Axure9怎么設(shè)計省市關(guān)聯(lián)的下拉列表交互事件?
百度經(jīng)驗 發(fā)布時間：2019-12-05 09:06:55 作者：shl020213 
我要評論
我要評論Axure9怎么設(shè)計省市關(guān)聯(lián)的下拉列表交互事件？日常我們在填寫地址的時候，選擇省以后，市也會跟這變，該怎么制作這個下拉列表的交互事件呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
在Axure關(guān)于下拉列表的設(shè)計中，會遇到需要聯(lián)動的效果，以省市為例，即選擇了下拉框的省為廣東，對應市的下拉框也應是該省下的對應轄區(qū)，在填寫地址的時候經(jīng)常能遇到，該怎么制作這個效果呢？下面我們就來看看詳細的教程。
1、首先拉取下拉框作為省，并為省的下拉列表填充數(shù)據(jù)
數(shù)據(jù)內(nèi)容：
廣東省-揭陽市、廣州市、深圳市
浙江省-黃州市、寧波市、溫州市
江蘇省-南京市、蘇州市、無錫市
2、接下來我們需要讓點擊廣東省為出現(xiàn)對應廣東省的轄區(qū)，點擊江蘇省為出現(xiàn)對應江蘇省的轄區(qū)，我們另外再拉取一個下拉框，先命名為廣東轄區(qū)，然后右鍵選擇轉(zhuǎn)換為動態(tài)面板，動態(tài)面板命名為轄區(qū)
3、雙擊動態(tài)面板，為動態(tài)面板添加對應的省狀態(tài)，在每個狀態(tài)中都拉取一個下拉框進行對應命名，并填充對應省下的市數(shù)據(jù)。
4、點擊省的下拉框，新建交互事件為：選項改變時。邏輯：當選項改變時，判斷下拉框值為哪個，然后對應改變面板狀態(tài)，如下圖
5、上述步驟完成時，點擊預覽，即可實現(xiàn)該效果
以上就是Axure9設(shè)計省市關(guān)聯(lián)的下拉列表交互事件的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
相關(guān)文章
Axure中繼器怎么制作穿梭框效果？Axure經(jīng)常制作網(wǎng)頁原型，想要制作一個穿梭框的效果，該怎么制作你額？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-11-30
Axure中繼器怎么對表格進行表格增刪改？經(jīng)常使用Axure制作網(wǎng)頁原型，在對表格進行操作的時候，使用中繼器對表格進行增減是很方便的，下面我們就來看看市里教程，需要的朋友2019-11-23
墨刀和axure哪個好用? 墨刀與axure區(qū)別介紹
墨刀和axure哪個好用？我們再制作網(wǎng)頁原型的時候，經(jīng)常使用墨刀和axure，這兩款軟件哪款比較好用？下面我們就來看看墨刀與axure區(qū)別介紹，需要的朋友可以參考下2019-11-21
Axure怎么制作加載動畫中的圓環(huán)？網(wǎng)頁中經(jīng)常能見到圓環(huán)效果的加載動畫，想要使用axure繪制這個圓環(huán)，該怎么繪制呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-11-07
axure怎么制作多選樹效果? axure多級菜單的制作方法
axure怎么制作多選樹效果？axure制作玩野原型的時候，想要制作多選樹效果，該怎么制作多級菜單呢？下面我們就來看看axure三級菜單的制作方法，需要的朋友可以參考下2019-11-05
Axure怎么制作計算三角函數(shù)正切余切弧度的工具?
Axure怎么制作計算三角函數(shù)正切余切弧度的工具？經(jīng)常需要計算三角函數(shù)，想要制作一個計算三角函數(shù)正切與余切弧度的工具，可以使用axure實現(xiàn)，下面我們就來看看詳細的教程，2019-10-25
Axure怎么制作英文字母大小寫轉(zhuǎn)換器？經(jīng)常能遇到需要將大寫字母轉(zhuǎn)換成小寫字母的問題，這時候，我們就可以使用axure制作一個英文字母轉(zhuǎn)換器，下面我們就來看看詳細的教程，2019-10-23
Axure項目怎么導入另一個項目的頁面？axure制作網(wǎng)站原型的時候，需要導入另一個項目的頁面，該怎么實現(xiàn)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-10-18
Axure怎么制作點擊彈框效果？Axure制作網(wǎng)頁原型的時候，需要制作彈框效果，改怎么制作點擊 彈框效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-10-18
axure怎么制作頁面標簽切換的效果？很多網(wǎng)站都有動態(tài)的標簽切換的效果，該怎么制作這個效果呢？下面我們就來看看詳細的制作過程，需要的朋友可以參考下2019-09-26
