网站搜索的下拉结果答案

【问题标题】：Dropdown Results for Website Search网站搜索的下拉结果
【发布时间】：2012-04-26 20:44:22
【问题描述】：

我想知道是否有创建网站搜索的服务或解决方案可以让我将结果填充到搜索栏下方的下拉窗口中，而不必将结果填充到新页面。有点像谷歌的单词预测/建议，但不是即时建议，我想要一个新的 DIV 在提交时下拉显示结果。

我正在开发的网站是：http://www.conceptsuppliers.com/beta

【问题讨论】：

标签： html search drop-down-menu

【解决方案1】：

我强烈推荐使用 jQuery Tokeninput 插件。我最近在一个网站上实现了此功能以提供实时搜索功能，并且效果很好。

该库提供了用于对搜索栏和下拉结果列表的各个方面进行样式设置的选项。

例子：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tokeninput.js"></script>
<link rel="stylesheet" type="text/css" href="token-input.css" />

<script type="text/javascript">
$(document).ready(function () {
    $("#searchbar").tokenInput("/url_to_your_search_endpoint");
});
</script>

可以在此处找到该插件以及文档：http://loopj.com/jquery-tokeninput/

【讨论】：