2014-04-07 27 views
0

我正在尋找的以下情形的auto complete解決方案:如何實現自動完成對以下情形

我的頁面有一個dropdownlisttextbox

<table> 
    <tr> 
    <td> 
     <asp:DropDownList ID="ddlRegions" runat="server"></asp:DropDownList> 
    </td> 
    <td> 
     <label>Enter Iso:</label> 
     <asp:TextBox ID="txtIso" runat="server"></asp:TextBox> 
    </td> 
    <td> 
    </tr> 
    </table> 

我需要實現autocomplete未來輸入4個字符後輸入我的textbox。 文本框將需要顯示一些基於從dropdownlist中選擇的選項的數據。

我需要顯示不超過10個選項中textbox

中的值打字的時候,我認爲我會需要使用jqueryajaxwebservice呼籲這一點。

我該如何做到這一點?

感謝的,如下圖所示,包括在應用程序中

+1

jquery-ui autocomplete? –

+0

我對這一切都很陌生,所以我不確定jquery-ui和其他人之間有什麼區別 –

回答

0

只需下載從鏈接typeahead.js: http://twitter.github.io/typeahead.js/examples/ 此外,你必須包括jQuery的。

+0

謝謝我會這樣做,但我應該如何使用它才能在鍵入4個字符後纔開始顯示一些數據,並且只顯示10場比賽? –

+0

好吧,爲您創建一個plunker: [Plunker鏈接](http://plnkr.co/edit/dBFLMwKTWDoIF1LciWvJ?p=preview) 您可以將minLength值設置爲4,以在4個字符後開始搜索。 –

+0

向我的經理介紹。我無法使用任何插件。 –