0

我正在开发一个网站，其中有一个搜索框作为标准页面模板的一部分（类似于您在 SO 网站右上角看到的内容）。我想动态预览用户输入的可能匹配项，类似于您开始在google.com搜索页面中输入查询时看到的内容，作为显示在搜索框下方的下拉列表。你怎么做到这一点？某种 JavaScript/Ajax 组合？

4

2 回答 2

2

有一个流行的jQuery 插件可以实现这一点。检查文档。

于 2010-01-08T01:31:38.700 回答
1

您可以使用 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               |
---------------------
*/
于 2010-01-08T01:16:41.173 回答