如何在谷歌和其他搜索引擎的搜索框中实现提示

时间:2014-03-05 05:52:30

标签: javascript php jquery

我正在建立一个搜索引擎类型的网站。它需要像谷歌和其他搜索引擎提供的用户一些提示。请有人告诉我最佳的方法

2 个答案:

答案 0 :(得分:0)

您需要使用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 /

的参考资料

答案 1 :(得分:0)

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