如果你也正准备在这方面提升自己网站的用户体验，下面为你准备了[b]33个JavaScript自动完成脚本,[/b]当然还包括用[url=http://www.itstrike.cn/Special.mvc/jQuery][b]Jquery[/b][/url]实现的。 [b]1. [url=http://www.interiders.com/wp-content/demos/ProtoAutocompleteList/test.html]Proto!TextboxList[/url] ([url=http://www.interiders.com/2008/02/11/prototextboxlist-meets-autocompletion/]演示地址[/url])[/b] [url=http://www.interiders.com/wp-content/demos/ProtoAutocompleteList/test.html][img]http://files.jb51.net/upload/20091020155954866.jpg[/img] [/url] 一个使用Prototype library开发具有autocomplete功能类似于Facebook的TextboxList控件。 [b]2. [url=http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/]jQuery Autocomplete Plugin[/url][/b] [url=http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/][img]http://files.jb51.net/upload/20091020155956308.jpg[/img] [/url] jQuery插件易于集成到现在的表单中(Form)。 [b]3. [url=http://dhtmlx.com/docs/products/dhtmlxCombo/index.shtml]dhtmlxCombo[/url][/b] [url=http://dhtmlx.com/docs/products/dhtmlxCombo/index.shtml][img]http://files.jb51.net/upload/20091020155956278.jpg[/img] [/url] dHTMLxCombo是一个跨平台的，具有Autocomplete功能，支持[url=http://www.itstrike.cn/Home.mvc/Tag/44][b]Ajax[/b][/url]的combobox。 [b]4. Facebook like Autocomplete ([url=http://web2ajax.fr/examples/facebook_searchengine/]演示地址[/url])[/b] [img]http://files.jb51.net/upload/20091020155956749.png[/img] 基于jQuery开发，类似于FaceBoox提供的AutoCompleter [b]5. [url=http://digitarald.de/playground/auto2.html]MooTools Autocompleter[/url] ([url=http://digitarald.de/project/autocompleter/1-1/showcase/request-html/]演示地址[/url])[/b] [url=http://digitarald.de/playground/auto2.html][img]http://files.jb51.net/upload/20091020155956750.jpg[/img] [/url] 利用MooTools开发，支持从本地对象获取数据或通过XHR取得Json或Xhtml。 [b]6. [url=http://www.pengoworks.com/workshop/jquery/autocomplete.htm]jQuery Autocomplete Mod[/url] ([url=http://www.pengoworks.com/workshop/jquery/autocomplete.htm]演示地址[/url])[/b] [url=http://www.pengoworks.com/workshop/jquery/autocomplete.htm][img]http://files.jb51.net/upload/20091020155956750.jpg[/img] [/url] jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。 [b]7. jqac[/b] [img]http://files.jb51.net/upload/20091020155956702.png[/img] 基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。 [b]8. [url=http://remysharp.com/2007/12/28/jquery-tag-suggestion/]jQuery Tag Suggestion[/url] ([url=http://remysharp.com/wp-content/uploads/2007/12/tagging.php]演示地址[/url])[/b] [url=http://remysharp.com/2007/12/28/jquery-tag-suggestion/][img]http://files.jb51.net/upload/20091020155957168.jpg[/img] [/url] 类似于del.icio.us提供的tag suggesting功能。 [b]9. [url=http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html]Spry Auto Suggest[/url] ([url=http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html]演示地址[/url])[/b] [url=http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html][img]http://files.jb51.net/upload/20091020155957168.jpg[/img] [/url] Spry Auto Suggest控件。Spry是Adobe公司针对目前越来越流行的Ajax技术而推出自己的Ajax框架。 [b]10. [url=http://nodstrum.com/2007/09/19/autocompleter/]Autocomplete-jQuery ajax[/url] ([url=http://nodstrum.com/2007/09/19/autocompleter/]演示地址[/url])[/b] [url=http://nodstrum.com/2007/09/19/autocompleter/][img]http://files.jb51.net/upload/20091020155957403.png[/img] [/url] 利用jQuery(Ajax)，PHP和My[url=http://www.itstrike.cn/Home/Language/Sql][b]SQL[/b][/url]开发的AutoCompleter。 [b]11. [url=http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/]jQuery.Suggest[/url][/b] [url=http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/][img]http://files.jb51.net/upload/20091020155957217.jpg[/img] [/url] 跨浏览器支持，基于jQuery开发的Autocomplete library。 [b]12. [url=http://www.dyve.net/jquery/?autocomplete]Autocomplete- jQuery plugin[/url][/b] [url=http://www.dyve.net/jquery/?autocomplete][img]http://files.jb51.net/upload/20091020155957217.jpg[/img] [/url] 一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。 [b]13. [url=http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/]jQuery plugin: Autocomplete[/url] ([url=http://jquery.bassistance.de/autocomplete/demo/]演示地址[/url])[/b] [url=http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/][img]http://files.jb51.net/upload/20091020155957323.jpg[/img] [/url] 自动完成输入框值让用户能够快速查找和过滤某些值。 [b]14. [url=http://www.gimiti.com/kltan/wordpress/?p=40]jSuggest[/url][/b] [url=http://www.gimiti.com/kltan/wordpress/?p=40][img]http://files.jb51.net/upload/20091020155957214.gif[/img] [/url] 模仿Google Suggest功能的AutoComplete jQuery插件。 [b]15. [url=http://meteora.astrata.com.mx/pages/demo/meteora-autocomplete]Control.Autocomplete[/url][/b] [url=http://meteora.astrata.com.mx/pages/demo/meteora-autocomplete][img]http://files.jb51.net/upload/20091020155957323.jpg[/img] [/url] 基于Mootools框架开发的Autocomplete控件。 [b]16. [url=http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox]ddcombobox[/url][/b] [url=http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox][img]http://files.jb51.net/upload/20091020155957993.jpg[/img] [/url] 带AutoComplete功能的下拉选择框jQuery插件。 [b]17. [url=http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/]jQuery Live Ajax Search Plug-in[/url][/b] 采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用[url=http://paranimage.com/category/dede/css/]CSS[/url]自定义，内容展示是一个HTML页面。 [b]18. [url=http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html]A fancy Apple.com-style search suggestion[/url] ([url=http://qpoit.com/marcofolio_demo/apple_search/]演示地址[/url])[/b] [url=http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html][img]http://files.jb51.net/upload/20091020155957993.jpg[/img] [/url] 这是一个使用HTML/CSS，jQuery，MySQL PHP等技术实现的Search Suggestion。 [b]19. [url=http://devthought.com/projects/mootools/textboxlist/]TextboxList[/url] ([url=http://devthought.com/wp-content/projects/mootools/textboxlist/Demo/]演示地址[/url])[/b] [url=http://devthought.com/projects/mootools/textboxlist/][img]http://files.jb51.net/upload/20091020155957676.gif[/img] [/url] 这个Mootools插件能够将普通的文本输入框，转换成拥有Autocomplete功能风格类似于Facebook的文本输入框。支持任意类型的数据源（XHR、Json）。 [b]20. [url=http://www.bigredswitch.com/blog/2008/12/autobox2/]Autobox2[/url] ([url=http://www.bigredswitch.com/blog/wp-content/uploads/2008/12/autobox.html]演示地址[/url])[/b] Autobox2这个jQuery插件，可以用于创建类似于Facebook风格的AutoComplete控件。 [b]21. [url=http://maveno.us/library/public/mavsuggest/]MavSuggest[/url] ([url=http://maveno.us/library/public/mavsuggest/ms_demo.html]演示地址[/url])[/b] MavSuggest是一个采用Mootools框架实现的AutoComplete控件。MavSuggest只支持JSON格式的数据对象。服务端可以采用任意语言实现，服务端只需按要求输出相应的JSON对象即可。 [b]22. [url=http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/]Tokenizing Autocomplete Text Entry[/url] ([url=http://loopj.com/tokeninput/demo.html]演示地址[/url])[/b] [url=http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/][img]http://files.jb51.net/upload/20091020155957219.jpg[/img] [/url] 一个jQuery插件能够让用户从一个预设的列表中,选择多个项目。并提供Autocompletion功能来帮助用户搜索项目。支持通过CSS控制和定制布局。能够缓存搜索结果减少服务器加载次数。支持用鼠标或键盘来选择项目。提供平滑的动画数据加载效果。 [b]23. [url=http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/]AutoComplete-JQuery[/url] ([url=http://jquery.bassistance.de/autocomplete/demo/]演示地址[/url])[/b] [url=http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/][img]http://files.jb51.net/upload/20091020155957548.jpg[/img] [/url] jQuery插件易于集成到现在的表单中(Form)。 [b]24. [url=http://www.pengoworks.com/workshop/jquery/autocomplete.htm]jQuery Autocomplete Mod[/url][/b] [url=http://www.pengoworks.com/workshop/jquery/autocomplete.htm][img]http://files.jb51.net/upload/20091020155957911.jpg[/img] [/url] jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。 [b]25. [url=http://code.google.com/p/jqac/]jqac[/url] ([url=http://www.cs.bgu.ac.il/~ygleyzer/files/utils/jqac/jqac_example.html]演示地址[/url])[/b] [url=http://code.google.com/p/jqac/][img]http://files.jb51.net/upload/20091020155957702.png[/img] [/url] 基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。 [b]26. [url=http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html]Spry AutoSuggest[/url][/b] [url=http://labs.adobe.com/technologies/spry/samples/autosuggest/SuggestSample.html][img]http://files.jb51.net/upload/20091020155957216.jpg[/img] [/url] Spry Auto Suggest控件。Spry是Adobe公司针对目前越来越流行的Ajax技术而推出自己的Ajax框架。 [b]27. [url=http://nodstrum.com/2007/09/19/autocompleter/]Autocomplete-jQuery ajax[/url] ([url=http://nodstrum.com/wp-content/plugins/DownloadCounter/download.php?id=25]演示地址[/url])[/b] [url=http://nodstrum.com/2007/09/19/autocompleter/][img]http://files.jb51.net/upload/20091020155957984.png[/img] [/url] 利用jQuery(Ajax)，PHP和MySQL开发的AutoCompleter。 [b]28. [url=http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/]jQuery.Suggest[/url] ([url=http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/]演示地址[/url])[/b] [url=http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/][img]http://files.jb51.net/upload/20091020155957211.jpg[/img] [/url] 跨浏览器支持，基于jQuery开发的Autocomplete library。 [b]29. [url=http://www.dyve.net/jquery/?autocomplete]Autocomplete- jQuery plugin[/url][/b] [url=http://www.dyve.net/jquery/?autocomplete][img]http://files.jb51.net/upload/20091020155957774.jpg[/img] [/url] 一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。 [b]30. [url=http://maveno.us/library/public/mavsuggest/]MavSuggest[/url] ([url=http://maveno.us/library/public/mavsuggest/ms_demo.html]演示地址[/url])[/b] MavSuggest是一个采用Mootools框架实现的AutoComplete控件。MavSuggest只支持JSON格式的数据对象。服务端可以采用任意语言实现，服务端只需按要求输出相应的JSON对象即可。 [b]31. [url=http://www.playgoogle.com/post/81.html]好友选择器[/url] ([url=http://www.playgoogle.com/demo/friendsuggest2/default.html]演示地址[/url])[/b] [url=http://www.playgoogle.com/post/81.html][img]http://files.jb51.net/upload/20091020155957774.jpg[/img] [/url] 用jquery 仿照开心网做的查找用户自动提示插件. [b]32. [url=http://rmm5t.github.com/jquery-flexselect/]Flexselect[/url][/b] [url=http://rmm5t.github.com/jquery-flexselect/][img]http://files.jb51.net/upload/20091020155957774.jpg[/img] [/url] jQuery Flexselect 同样是一款下拉框提示插件，也就是大家所说的输入框提示。目前，jQueryFlexselect已经发展到v0.2版本，其用法千变万化，适用的场合也 越来越多，具体的用法最好阅读一下官方的文档。它可以与其它的输入框形成级联提示，比以往的几款提示插件功能更强大。 [b]33. [url=http://www.fairwaytech.com/flexbox]FlexBox[/url][/b] [url=http://www.fairwaytech.com/flexbox][img]http://files.jb51.net/upload/20091020155957737.gif[/img] [/url] FlexBox 是一个 jQuery 插件用来显示动态下拉框，使用的是 JSON 格式的数据源。