单击搜索后显示文本框的下拉列表

Question

我有一个简单的asp.net文本框和旁边的搜索按钮。用户可以在文本框中编写一些文本，然后单击搜索。单击搜索按钮时，我需要执行数据检索并在文本框下方的下拉列表中显示结果。

请查看下图以获取插图：

到目前为止，我在单独的GridView中显示结果，如何将其显示为显示的下拉列表？

Answer 1

你可以使用数据表或简单的字符串在下拉列表中添加项目。

1. 使用字符串

   ddl.Items.Add（new ListItem（＆＃34; Item 1＆＃34;，＆＃34; Value 1＆＃34;））;

   ddl.Items.Add（new ListItem（＆＃34; Item 2＆＃34;，＆＃34; Value 2＆＃34;））;

   ddl.Items.Add（new ListItem（＆＃34; Item 3＆＃34;，＆＃34; Value 3＆＃34;））;

2. 使用DataTable

   ddl.DataTextField =＆＃34; ColumnName1＆＃34 ;;

   ddl.DataValueField =＆＃34; ColumnName2＆＃34;

   // dt是DataTable

   ddl.DataSource = dt;

   ddl.DataBind（）

Answer 2

如果您已经知道数据，可以使用此属性：

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 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