代码之家 › 专栏 › 技术社区 › Jeremy Raymond

如何在网页上创建一个可以预览搜索结果的搜索框?

preview textbox dynamic search

0

Jeremy Raymond · 技术社区 · 16 年前

我正在开发一个网站,其中有一个搜索框作为标准页面模板的一部分(类似于您在SO网站右上角看到的内容)。我希望动态预览可能与用户输入匹配的内容,类似于您开始在数据库中键入查询时看到的内容 google.com 搜索页面,作为下拉列表显示在搜索框下方。你是怎么做到的?某种JavaScript/Ajax组合?

2 回复 | 直到 16 年前

1

2

alex 16 年前

有一个流行的 jQuery plugin 为了实现这一点。 Check the docs .

2

1

Sampson 16 年前

您可以使用jQuery来实现这一点,并且 keyup

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

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