10 jQuery Search Scripts

With so many Ajax scripts available now, Auto-complete and Auto-Suggest have come a long way from just a drop down based suggest to a sleek auto-suggest feature and one example is Facebook which has an excellent auto-complete feature while searching friends. Find below is a list of 10 cool auto-complete scripts using Ajax/jQuery/MooTools/Prototype which can make your site better. Have fun!

Related posts:

• jQuery auto set URL vars to search form defaults
• Custom Google Search API Tutorial
• Top 10 jQuery Database Plugins

1. FCBKcomplete – jQuery Plugin

Fancy Facebook-like dynamic inputs with auto complete and pre added values.

Source

2. AutoCompleter Script

Provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.

Source

3. Apple.com style search suggestion using jQuery

Create a fancy apple.com-style search suggestion using jQuery/CSS/PHP. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.

Source

4. Lite Weight AutoComplete using Prototype

Allows you to easily create autocomplete/autosuggest boxes for text input fields. This script provides a good performance by caching every query & accessing local cache for every subsequent query.

Source

5. Add Auto-Complete feature to your InputBox using jQuery

AutoComplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.

Source

6. Feature packed Auto-Complete feature using YUI

Yahoo UI library has an excellent tutorial on adding an auto-complete feature. It has features to configure your data source as well as skin your auto-complete section.

Source

7. Smooth Auto-complete using Prototype/Scriptaculous

A smooth slide down effect for auto-suggest feature which can access response from a data dictionary in JSON/plain text format.

Source

8. Auto Complete using Adobe Spry

This tutorial is on auto-complete with awesome features and examples to source data from various data sets & also integrate in different programming languages such as PHP, Coldfusion and ASP.

Source

9. Sleek Auto Complete using Ajax

The AutoSuggest class adds a pull down menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the enter key.

Source

10. DHTML based AutoComplete

This tutorial gives you an insight into adding an auto-complete feature to a dropdown using DHTML.

Source