Fastsearch Suggest jQuery Plugin Demos

Download This Plugin Back To jQueryScript

A jQuery autocomplete plugin with ghost-text typeahead, keyboard-navigable dropdown, and three data-source modes: inline array, remote JSON, and live AJAX.

Demo 01

Static Array Suggestions

This example filters a local array with a case-insensitive prefix match. It also shows the selected value below the input so the callback behavior stays visible.

Local array minChars: 2 max: 6
Selection Output
Choose a suggestion to see the onSelect callback update this panel.
Quick Fill
Demo 02

One-Time JSON Loading

This example initializes with dataUrl. The demo intercepts the request and returns a built-in payload, so the behavior still works from a plain local file without a server.

dataUrl single fetch local filtering
Demo Details

The payload includes common dictionary words. The plugin fetches once at initialization and filters the cached array after that first response.

Demo 03

Live AJAX Endpoint

This example uses the plugin url mode with debouncing. The request log below simulates an endpoint response so visitors can understand the live query pattern immediately.

AJAX mode debounce: 280ms mock latency
Request Log
  • StatusWaiting for input
01
Type at least two characters to trigger the debounced request.
02
Use arrow keys to move through the dropdown when multiple matches appear.
03
Press Enter, Tab, or Right Arrow to accept a suggestion.
Demo 04

Last-Word Completion

This expanded example enables matchLastWord so only the final token updates. It works well for tags, commands, or phrase builders that must preserve earlier words.

Expanded demo matchLastWord phrase input
Use Case
Only the final word changes after acceptance, so the rest of the phrase stays intact.