Good jQuery autocomplete that is not part of the jQuery user interface?

Question

Is there a good alternative to jQuery UI auto-completion?

I could not find it on the Internet. The jQuery user interface is too large to use autocomplete, and I don't want to roll back another autocomplete myself.

Answer : The user assembly jQuery user interface for just auto-completion is 23,052 bytes. SO uses the original version of Zaefferer , which has been adapted to the jQuery autocomplete user interface. I think if it was good enough for SO, it would be enough for me to fork it from agarzola to GitHub.

Answer 1

See https://github.com/agarzola/jQueryAutocompletePlugin/blob/master/jquery.autocomplete.js

Answer 2

A Google search for "jquery autocomplete" created this DevBridge (and everyone else):

http://www.devbridge.com/projects/autocomplete/jquery/

This is also the most unconfirmed answer in a possible duplicate of this question .

Answer 3

You can download a custom version of the jQuery user interface using only the components you need: http://jqueryui.com/download . Click Unselect all components , then select the check box next to AutoFill . The resulting js thumbnail is 20 KB without compression.

Answer 4

Official jQuery plugin:

http://docs.jquery.com/Plugins/autocomplete

Select2 jQuery plugin that includes a selection in autocomplete input + list:

http://ivaynberg.imtqy.com/select2/

The selected jQuery plugin is the same, but from a different author:

http://harvesthq.imtqy.com/chosen/

Jörn Zaefferer jQuery Plugin:

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

Yahoo YUI:

http://developer.yahoo.com/yui/autocomplete/

Answer 5

A 3 year old question, but since it came in 2nd place in Google's results for "the best jquery-ui autocomplete alternative." I find it worth posting a link here for implementing Typeahead Twitter: http://twitter.imtqy.com/typeahead.js/

A little annoying is that you might need a Hogan template engine to get it working (adding a few more kb to download), but if you take the time to read documents, it will be worth it.

I replaced the jQuery user interface implementation for finding a location 30 minutes after viewing the documents using the (simplified) code structure below:

$('.location_text_field').typeahead({ name : 'locations', remote : { url : "/get_locations.php", filter : function (response) { return response.locations; } }, template : '<p>{{{label}}}</p>', engine : Hogan }).on({ // When the user selects a location do something clever 'typeahead:selected' : function (e, datum) { // Doing something clever here.... }, // Reset the cleverness above if the user changed // the text of the field manually on his own 'keyup' : function () { // Reset cleverness } }); 

... and it works like a charm.

Answer 6

I was just looking for an alternative and found this

https://github.com/onigoetz/jquery.autocomplete

It uses jQuery, but not jQuery UI. It is size conscious and compatible with the jQuery user interface. His "forked from agarzola / jQueryAutocompletePlugin" on github.

It may not have support for the well-known jQuery UI implementation, but I tested it, and now it seems that everything is advertised.

Answer 7

You can download the jQuery user interface user version, which includes only the autocomplete module: http://jqueryui.com/download