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

Question

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

请查看下图以获取说明：

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

Answer 1

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

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(new ListItem("Item 1", "Value 1"));

   ddl.Items.Add(new ListItem("Item 2", "Value 2"));

   ddl.Items.Add(new ListItem("Item 3", "Value 3"));

2. 使用数据表

   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