Axure的版本8.0
一、實現的功能及展示效果：對姓名的下拉檢索；
二、元件搭配
1、輸入框；
2、中繼器；
3、標籤；
三、實現邏輯
1、默認下拉列表是隱藏；
2、搜索框內的文字長度大於等於1，並且搜索的文字能夠模糊匹配下拉列表中的值，顯示下拉列表；
3、鼠標懸停在下拉框文字上，改變文字的背景顏色；
4、單擊選中下拉列表文字將文字賦值到搜索框，同時隱藏下拉列表；
5、搜索框內的文字長度小於1，隱藏下拉列表；
四、操作步驟
1、輸入框，在元件庫中選擇一個輸入框，取名爲“搜索框”；
2、中繼器，選擇一箇中繼器，取名爲”數據“，並在右下角給中繼器設置數據內容；
3、雙擊中繼器面板，在打開的新的頁面通過複製設置兩個文本輸入框；
4、雙擊Case1，設置中繼器中表格顯示的內容；
5、設置表格中兩列的值，第一列是顯示id，第二列是顯示name；
6、將中繼器轉換爲動態面板；
7、雙擊動態面板，再雙擊”State1“；至此所有基礎準備工作已經完成；
8、查看目前的展示效果；
9、在初始化時將下拉列表和數據設置爲隱藏；
選中動態面板，雙擊右邊的”OnLoad“事件，進入到事件編寫界面；
設置下拉列表爲隱藏；
10、設置事件觸發條件，當搜索框內的文字長度大於等於1時，觸發事件；
選中輸入框，在右邊雙擊文本改變事件，彈出文本改變事件對話框；
11、設置事件的響應內容。增加中繼器過濾器，並設置過濾規則；
過濾規則的設置大概意思是：下拉列表中的數據包含搜索框中的文字，其中用到了函數[[item.name.indexOf(LVAR1)>-1]];
12、設置展示下拉列表。當搜索框的文字長度大於等於1，並且滿足過濾器規則，就顯示下拉列表；
13、目前效果展示如下，默認下拉列表是隱藏，當在輸入框中輸入文字”張“，就展示下拉列表中包含張的數據項；
14、設置鼠標懸停在下拉列表時，改變下拉列表文字的背景顏色和文字顏色；
15、單擊選中下拉列表文字將文字賦值到搜索框，同時隱藏下拉列表；
設置下拉列表數據項的單擊事件，將下拉列表中的值賦值到搜索框；
同時隱藏下拉列表；
16、搜索框內的文字長度小於1，隱藏下拉列表；
選中輸入框，增加文本改變事件；
設置事件觸發條件，當搜索文本框內的文字長度小於1時觸發；
設置下拉列表隱藏；
至此完成了整個下拉檢索的原型製作；