Как сделать один из этих полей поиска на веб-странице, которая просматривает результаты поиска?

Question

Я разрабатываю веб-сайт с полем поиска как часть стандартного шаблона страницы (аналогично тому, что вы видите в правом верхнем углу сайта SO). Я хочу динамически просматривать возможные совпадения с пользовательским вводом, аналогично тому, что вы видите, когда начинаете вводить запрос на странице поиска google.com, в виде раскрывающегося списка, который отображается под полем поиска. Как ты делаешь это? Какая-то комбинация JavaScript/Ajax?

Answer 1

Для достижения этой цели существует популярный jQuery plugin. Check the docs.

Answer 2

Вы можете использовать jQuery для этого, и при запуске события keyup (или связанного с ним события) вы можете отключить запрос на сервер или локальный набор слов и показать все, что соответствует в div под полем.

$("#searchbox").keyup(function(){ 
    $.post("suggestions.php", {data:$(this).val()}, function(response) { 
    $("#suggestions").html(response).slideDown(); 
    }, "HTML"); 
}).blur(function(){ 
    $("#suggestions").slideUp(); 
}); 

/* 
--------------------- 
| ph_    | 
--------------------- 
| philanthropy  | 
| photoshop   | 
| PHP    | 
--------------------- 
*/