网站搜索的下拉结果

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/