jQuery Autocomplete Mod

WARNING: This is provided for users who absolutely need access to the original code. The code is very outdated and it's not recommended to use this code in current applications. The code is not compatible with newer versions of jQuery.

Instead, we recommend checking out one of the many fantastic modern autocomplete libraries, like:

• jQuery UI Autocomplete
• Select2

This is modification of Dylan Verheul's jQuery Autcomplete plug-in. I customized his library adding the features I needed and fixing issues I considered bugs.

Enhancements

• Supports local data array (can now use w/out AJAX).
• Limit dropdown to XX number of results (good for limiting the results to users)
• Autofill pre-populates text box as you type
• New findValue() method can be used to programmatically determine if the value in the box is a valid option. (Useful for verifying the text entered is an existing value option.)
• Dropdown options now correctly re-position themselves on each display (which means they adjust for changing to the DOM)
• Dropdown box defaults to the width of the input field its attached to (you can manually specify a larger width as well)
• Better emulates Windows autocomplete boxes (for example: hitting delete and retyping the same box will now bring back the dropdown menu)
• Miscellaneous bug fixes

Note

There have been several reports of the contents of the iFrame being placed into the text box when the [TAB] key is pressed. This is due to a bug in jQuery v1.1.1 and not w/this code. See the following thread on the jQuery Mailing List for more information: http://www.nabble.com/Bug-in-$()-in-jQuery-v1.1.1--t3144910.html#nabble.i8718421.

This bug is fixed in jQuery v1.2.1.

Download

Autocomplete Docs
jquery.autocomplete.js
jquery.autocomplete.css
autocomplete_ajax.cfm (as text file)