Turn your html select tags into input boxes with text autocomplete.
JavaScript
Pull request Compare This branch is 7 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.3.1.min.js
jquery.autocomplete.js
jquery.autocomplete.pack.js
jquery.select-autocomplete.js

README.markdown

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 for a working example.

License

License is MIT. See LICENSE file.

Todo

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