Показать выпадающий список для текстового поля после нажатия на поиск

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

Efficient way of using JQuery UI Autocomplete with ASP.NET

Answer 2

Вы можете добавить элемент в раскрывающийся список, используя данные или просто строки.

1. Использование строки

   ddl.Items.Add (новый ListItem ("Пункт 1", "Значение 1"));

   ddl.Items.Add (новый элемент ListItem ("Item 2", "Value 2"));

   ddl.Items.Add (новый элемент ListItem («Позиция 3», «Значение 3»));

2. Использование DataTable

   ddl.DataTextField = "имя_столбца1";

   ddl.DataValueField = "имя_столбца2"

   // дт является DataTable

   ddl.DataSource = дт;

   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