html - 网站搜索的下拉结果

Question

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

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

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