單擊搜索後顯示文本框的下拉列表

Question

我有一個簡單的asp.net文本框和其旁邊的搜索按鈕。用戶將在文本框中寫入一些文本，然後單擊搜索。當點擊搜索按鈕時，我需要執行數據檢索並將結果顯示在文本框下方的下拉列表中。

請檢查下面的插圖形象：

到目前爲止，我顯示在一個單獨的GridView的結果，我怎麼能顯示它作爲一個下拉列表，如圖？

Answer 1

願你可以，如果你已經知道了DATAS使用這個屬性：

https://msdn.microsoft.com/fr-fr/library/system.windows.forms.textbox.autocompletemode%28v=vs.110%29.aspx

或者你可以在數據庫和顯示結果與一個jQuery搜索自動完成和Ajax調用。

Efficient way of using JQuery UI Autocomplete with ASP.NET

Answer 2

您可以使用數據表或字符串在下拉菜單中添加項目。

1. 使用字符串

   ddl.Items.Add（新的ListItem（ 「項目1」， 「值1」））; （新的ListItem（「項目2」，「值2」））;以及其他項目。 （新的ListItem（「Item 3」，「Value 3」））;

2. 使用的DataTable

   ddl.DataTextField = 「ColumnName1」;

   ddl.DataValueField = 「ColumnName2」

   // dt爲數據表

   ddl.DataSource = DT;

   ddl.DataBind（）

Answer 3

爲什麼您使用的按鈕時，有jQuery中的自動完成功能？。正是工作的時候在文本框，而不是按一下按鈕 用戶類型的文本很容易讓用戶搜索

參考鏈接

https://jqueryui.com/autocomplete/

http://code.runnable.com/UdQOiCHniSpKAAV1/add-autocomplete-to-input-box-form-using-jquery

http://dotnetcodepress.com/Articles/ASP-dot-net/jquery-ui-autocomplete-textbox-from-database-in-asp-net