如何使文本框像下拉列表一样工作

Question

我想将数据库中的值绑定到文本框，它应该像下拉一样工作。我应该能够在文本框中输入值，同时填充匹配的关键字，并且在输入值时我也应该得到一个滚动条。

你能帮助我，我怎么能做到这一点？

Answer 1

尝试使用ajax工具包的自动完成扩展程序或其他一些jQuery插件。以下是ajaxToolkit:AutoCompleteExtender的使用方法。有关更多选项，请参阅here。您也可能会发现帖子here很有用。

<ajaxToolkit:AutoCompleteExtender 
runat="server" 
ID="autoComplete1" 
TargetControlID="myTextBox"
ServiceMethod="GetCompletionList"
ServicePath="AutoComplete.asmx"
MinimumPrefixLength="2" 
CompletionInterval="1000"
EnableCaching="true"
CompletionSetCount="20" 
CompletionListCssClass="autocomplete_completionListElement" 
CompletionListItemCssClass="autocomplete_listItem" 
CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
DelimiterCharacters=";, :"
ShowOnlyCurrentWordInCompletionListItem="true">
    <Animations>
        <OnShow> ... </OnShow>
        <OnHide> ... </OnHide>
    </Animations>
</ajaxToolkit:AutoCompleteExtender>