如何实现对我的搜索框的提示，如谷歌和其他搜索引擎答案

【问题标题】：how to implement hint to my search box like google and other search engines如何实现对我的搜索框的提示，如谷歌和其他搜索引擎
【发布时间】：2014-03-05 05:52:29
【问题描述】：

我正在制作一个搜索引擎类型的网站。就像谷歌和其他搜索引擎提供的一样，它需要一些提示给用户。请有人告诉我这样做的最佳方法

【问题讨论】：

可以使用auto complete..？
请详细说明你所说的@Gautam3164
最佳实现最快，还是最灵活和性能？如果您关心自己构建一个，我可以向您展示如何用纯 JavaScript 构建它。否则，请使用插件。
您正在制作search engine 类型的网站，因此您可以使用自动完成您允许用户搜索的内容
感谢您的建议

标签： javascript php jquery

【解决方案1】：

如果您在用户在文本框中键入内容时从 DB 中寻找建议，那么您可以查看以下 URL：http://www.w3schools.com/Ajax/ajax_database.asp

【讨论】：

【解决方案2】：

您需要使用autocomplete jquery 来执行此操作... 试试这个chosen jquery library 我也在我的应用程序中使用相同...

http://davidwalsh.name/jquery-chosen

http://harvesthq.github.io/chosen/

也检查一下..

http://jqueryui.com/autocomplete/

https://github.com/dyve/jquery-autocomplete

<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang", 
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Ruby",
"Scala",
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>

把这个代码...你需要创建一个array来获得autocomplete的工作..它没有自己的想法去思考建议

来自 jqueryui.com/autocomplete/ 的参考

【讨论】：

@hisham 检查我编辑的答案.. 如果您喜欢它，请选择正确...谢谢:)
我在我的搜索框中应用它（输入类型文本），但没有提示出现
我正在使用 id 搜索将其应用到此文本框中
不可能使用这个..我正在为您提供整个代码，请检查我的编辑..
我想从数据库中获取数据