Tuesday, May 29, 2012

What"s a good AJAX Autocomplete Plugin for jQuery?


I usually use jQuery as my JS library on my sites, and I would like to stick with it since I'm familiar with it.



I need to implement an AJAX autocomplete, mainly for suggesting search results. Here are a few I have found:




If you have tried any of these plugins, were you happy with them? Which one do you think is the most (and easily) customizable?


Source: Tips4all

11 comments:

  1. I was recently on a similar mission and I eventually settled with jQuery UI's autocomplete. I am currently using jQuery UI 1.6rc2 and the autocomplete plugin is very well implemented and customizable. Here's an example:

    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript" src="ui.core.js"></script>
    <script type="text/javascript" src="ui.autocomplete.js"></script>

    <script type="text/javascript">
    $('#search').autocomplete({
    url: 'suggestions.php', //jQuery UI 1.6rc2
    // source : 'suggestion.php', //jQuery UI 1.8.18
    width: 300,
    max: 10,
    delay: 100,
    cacheLength: 1,
    scroll: false,
    highlight: false
    });
    </script>

    ReplyDelete
  2. Check out: http://www.devbridge.com/projects/autocomplete/jquery/

    ReplyDelete
  3. Autocomplete has been removed from the latest JQuery UI (since 1.6rc3). And the one you found in 1.6rc2, won't work with later version.

    However, this guys has modified the code and make it work with later version.

    http://pastie.org/362706

    http://osdir.com/ml/jquery-ui/2009-01/msg00002.html

    ReplyDelete
  4. As of jQuery UI 1.8.1, autocomplete is standard with the library.

    ReplyDelete
  5. This is quite easy-simple to integrate .This has got a lot of options with it

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

    ReplyDelete
  6. There's a rewrite of my autocomplete up on http://code.google.com/p/jquery-autocomplete/ (in an attempt to properly open source it). Please report any issues you find on the Google Code project.

    That said, I fully endorse Jörn's excellent work on a jQuery UI autocomplete and his version will probably be more powerful/customizable eventually.

    Dylan Verheul

    ReplyDelete
  7. I tried a number of them, ended up with YUI's autocomplete (yes, for use with jQuery), it's worked well for me so far. You can use YUI's Loader facility to make it a fairly painless download and keep page loading times good.

    ReplyDelete
  8. As of today, only Dylan Verheul's version worked for me without issues.
    I tried the others but I was going crazy juggling between xml and json data output formats from PHP.
    Dylan's gives a simple plain text option (JSON and XML are not difficult, just that if plain text works, you might find it easy and useful).
    The server side code for the example is tiny if you ignore the data array.
    I used the autocomplete.css from Jörn Zaefferer's version with the source on Dylan's page ... works fine.

    ReplyDelete
  9. You can find a simple autocomplete plugin on

    http://blog.idealmind.com.br/projetos/simple-autocomplete-jquery-plugin/

    It's a plug and play plugin with callback functions, and you can use multiple autocomplete on the same page.

    ReplyDelete
  10. This combobox has many useful option documentation download.

    ReplyDelete
  11. i like the smart coding of James Smith,

    Features ::


    one single .js file instead of lots ( jQuery Ui official plugin need four .js )
    HIGHLY customizable
    FRESH development


    check http://loopj.com/jquery-tokeninput/

    ReplyDelete