javascript 实现搜索框的自动建议功能

来源：百度知道 编辑：UC知道 时间：2024/06/02 22:19:41
最近想用JavaScript写一个小网页文本，内嵌JavaScript脚本，目的是在一个文本框输入内容时，在文本框的下方自动提供建议的相匹配内容（这些内容在该网页文本的相同文件夹下，也就是所以的数据库在本地电脑），就像百度，google，只是他们的自动建议通过数据库，所以才看不懂他们的源代码。

PS: 这些像在建议中显示的数据都是另一个网页文本的名字，在点击相应内容后能直接跳到该网页

求教高手，很急~~~ 有加分

1，你要有服务器脚本，才能从数据库里取出内容，asp或php
2，input创建一个onchange方法，如果文本框的内容长度>0则从服务器取出内容〔前十个应该就差不多了，不用全部〕，然后把内容添加到一个浮动的div里．
3，把div显示出来
4，基本上就这么样，但是写代码的时候要复杂多了

1. 用 jQuery 的插件实现。
可选插件：
http://plugins.jquery.com/search/node/suggest+type%3Aproject_project

2. 提示补全组件：Kissy Suggest (作者是淘宝的前端工程师)

http://lifesinger.org/blog/2009/07/kissy-suggest/

如果你用的是PHP 我可以给你一套
我自己的写的~
和google的完全一摸一样
利用js+ajax实现