Turn your html select tags into input boxes with text autocomplete.
JavaScript
Switch branches/tags
Nothing to show
Pull request Compare This branch is 11 commits ahead, 1 commit behind javierm:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.markdown
autocomplete.css
index.html
jquery-1.4.4.min.js
jquery-ui-1.8.9.custom.min.js
jquery.select-autocomplete.js

README.markdown

This plugin is unsupported.

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

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();

Example

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

Contributors

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

License

License is MIT. See LICENSE file.

Todo

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