Please take note: I wrote this plugin several years ago, and I haven't personally used it in any projects for a while. So, I haven't had the need to keep up with bug reports from the community. It worked fine for my simple needs, and hopefully it'll work for yours, too. If not, please don't hesitate to fork it and work on your own version!

Thanks.

jQuery Select Autocomplete lets you turn an HTML <select> tag into an auto-complete text input box and hides the select node in the DOM. When a user types in the text input box, all matching options from the select list will show up in the auto-complete list and when one option is selected, the select control's selected item is set to the item picked from the auto-complete list. This means that you don't have to change your processing code at all; just look for the select list`s value the same way you already were.

Assuming you have one or more select lists with a class of "autocomplete", just write:

$(select.autocomplete).select_autocomplete();

See index.html in this repo for a working example or check out http://gabehollombe.github.com/jquery-select-autocomplete/ for a live demo.

• Gabe Hollombe (gabehollombe)
• James Gibson (liferealized)
• Erik St. Martin (erikstmartin)

License is MIT. See LICENSE file.

• figure out if there's a way to automagically manage the dependency on jquery.autocomplete