https://github.com/rmm5t/jquery-flexselect

:muscle::ballot_box_with_check: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.
https://github.com/rmm5t/jquery-flexselect

html javascript jquery select

Last synced: 2 days ago
JSON representation

:muscle::ballot_box_with_check: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.

• Host: GitHub
• URL: https://github.com/rmm5t/jquery-flexselect
• Owner: rmm5t
• License: mit
• Created: 2009-02-08T05:06:56.000Z (almost 16 years ago)
• Default Branch: master
• Last Pushed: 2024-11-22T21:57:46.000Z (about 1 month ago)
• Last Synced: 2024-12-22T12:18:22.565Z (9 days ago)
• Topics: html, javascript, jquery, select
• Language: HTML
• Homepage: https://rmm5t.github.io/jquery-flexselect/
• Size: 161 KB
• Stars: 236
• Watchers: 10
• Forks: 50
• Open Issues: 7
• Metadata Files:
  • Readme: README.markdown
  • Funding: .github/FUNDING.yml
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# flexselect: a jQuery plugin

FlexSelect is a jQuery plugin that turns select boxes into flex-matching

incremental-finding controls.

Flex matching a few keystrokes against longer strings is a boon in

productivity for typists. Applications like Quicksilver, LaunchBar, and

Launchy have made this method of keyboard entry a popular one. It's time to

bring this same functionality to web controls. FlexSelect does that for select

boxes.

## Usage

First, load [jQuery](http://jquery.com/), the

[LiquidMetal](http://github.com/rmm5t/liquidmetal/) scoring algorithm, and the

plugin:

    

    

    

Now, let's attach it to your select boxes on DOM ready:

    

      jQuery(document).ready(function() {

        jQuery("select.flexselect).flexselect();

      });

    


This will turn all select elements with a `class` of `flexselect`:

    

      George Washington

      John Adams

      Thomas Jefferson

      ...

    

into a bad-ass autocompleting text box with flex matching support.

**For more usage and examples**: [http://rmm5t.github.io/jquery-flexselect/](http://rmm5t.github.io/jquery-flexselect/)

## Inspired by:

* [jQuery.quickselect](http://jonmagic.com/2008/11/12/jquery-quickselect-js) by Daniel Parker

* [MooTools Select Autocompleter](http://warpspire.com/tipsresources/interface-scripting/select-autocompleter/) by Kyle Neath

* [Live Search with QuickSilver Style (for jQuery)](http://orderedlist.com/articles/live-search-with-quicksilver-style-for-jquery) by John Nunemaker

* [jQuery LiveSearch](http://ejohn.org/blog/jquery-livesearch/) by John Resig

## Todo

* Review the "picked" logic

* Add templating support for matched list output.

* Add highlighting of matched characters in the results.

* Consider support for optgroup tags

## Author

[Ryan McGeary](http://ryan.mcgeary.org) ([@rmm5t](http://twitter.com/rmm5t))

## License

[MIT License](https://rmm5t.mit-license.org/)