jQuery autocomplete with nice effect – Tab Complete

Ajax suggest, or simply auto complete solution needed? Try Tab Complete – a flexible jQuery autocomplete plugin.

Tab Complete – jQuery autocomplete for HTML inputs

Tab Complete is a simple jQuery plugin, that implements suggest / auto complete feature, and makes the Tab key able to select multiple items from a preset autocomplete list, while typing into an input field!

Tab Complete - jQuery autocomplete demo
Tab Complete – jQuery autocomplete demo

Usage

To use it you need only jQuery and the “tabcomplete.js” plugin. Include them to your document.

Sample code:

$(function() {
  $("#your-input").tabcomplete([
    "array",
    "with",
    "words",
    "to",
    "complete",
    "todo"
  ]);
});

That’s it!

The default options of the plugin are as follows:

var options = {
  after: "",
  arrowKeys: false,
  hint: "placeholder",
  match: function(word, words) { .. },
  caseSensitive: false,
  minLength: 1,
  wrapInput: true
};

License: MIT

Demo:

http://erming.io/tabcomplete

GitHub page of this jQuery autocomplete solution:

https://github.com/erming/tabcomplete

It’s also available via npm:

https://www.npmjs.com/package/tabcomplete

See also:

jQuery Novelist – textarea and input character limit plugin

Textition – smooth jQuery text transition effects

jQuery fancy input box with amazing CSS3 effects

Select2 – the jQuery replacement for select boxes

tx3TagCloud – very simple tag cloud jQuery plugin

Beautiful and realistic JavaScript raindrops effect – Rainyday.js

Enjoy!

Share:Share on Facebook11Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest2