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

如何在预览搜索结果的网页上创建其中一个搜索框？

2 个答案: