{"id":17412911,"url":"https://github.com/rmm5t/jquery-flexselect","last_synced_at":"2025-05-16T11:04:01.025Z","repository":{"id":497392,"uuid":"124189","full_name":"rmm5t/jquery-flexselect","owner":"rmm5t","description":":muscle::ballot_box_with_check: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.","archived":false,"fork":false,"pushed_at":"2024-11-22T21:57:46.000Z","size":165,"stargazers_count":237,"open_issues_count":7,"forks_count":50,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-05-11T03:12:51.502Z","etag":null,"topics":["html","javascript","jquery","select"],"latest_commit_sha":null,"homepage":"https://rmm5t.github.io/jquery-flexselect/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rmm5t.png","metadata":{"files":{"readme":"README.markdown","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["rmm5t"],"custom":"https://www.paypal.me/rmm5t/5"}},"created_at":"2009-02-08T05:06:56.000Z","updated_at":"2025-02-20T11:31:27.000Z","dependencies_parsed_at":"2024-12-29T17:04:51.330Z","dependency_job_id":"2bcc33f3-498d-4d38-bdeb-cbe4eaf1bbf0","html_url":"https://github.com/rmm5t/jquery-flexselect","commit_stats":{"total_commits":156,"total_committers":12,"mean_commits":13.0,"dds":0.5833333333333333,"last_synced_commit":"5f70a3f8a6ffee1b70b7337848379ec06b6faf60"},"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rmm5t%2Fjquery-flexselect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rmm5t%2Fjquery-flexselect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rmm5t%2Fjquery-flexselect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rmm5t%2Fjquery-flexselect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rmm5t","download_url":"https://codeload.github.com/rmm5t/jquery-flexselect/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254518384,"owners_count":22084374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","javascript","jquery","select"],"created_at":"2024-10-17T00:53:09.478Z","updated_at":"2025-05-16T11:04:01.004Z","avatar_url":"https://github.com/rmm5t.png","language":"HTML","readme":"# flexselect: a jQuery plugin\n\nFlexSelect is a jQuery plugin that turns select boxes into flex-matching\nincremental-finding controls.\n\nFlex matching a few keystrokes against longer strings is a boon in\nproductivity for typists. Applications like Quicksilver, LaunchBar, and\nLaunchy have made this method of keyboard entry a popular one. It's time to\nbring this same functionality to web controls. FlexSelect does that for select\nboxes.\n\n## Usage\n\nFirst, load [jQuery](http://jquery.com/), the\n[LiquidMetal](http://github.com/rmm5t/liquidmetal/) scoring algorithm, and the\nplugin:\n\n    \u003cscript src=\"jquery.min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003cscript src=\"liquidmetal.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003cscript src=\"jquery.flexselect.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\nNow, let's attach it to your select boxes on DOM ready:\n\n    \u003cpre\u003e\n      jQuery(document).ready(function() {\n        jQuery(\"select.flexselect).flexselect();\n      });\n    \u003c/pre\u003e\n\nThis will turn all select elements with a `class` of `flexselect`:\n\n    \u003cselect class=\"flexselect\" id=\"president name=\"president\"\u003e\n      \u003coption value=\"1\"\u003eGeorge Washington\u003c/option\u003e\n      \u003coption value=\"2\"\u003eJohn Adams\u003c/option\u003e\n      \u003coption value=\"3\"\u003eThomas Jefferson\u003c/option\u003e\n      ...\n    \u003c/select\u003e\n\ninto a bad-ass autocompleting text box with flex matching support.\n\n**For more usage and examples**: [http://rmm5t.github.io/jquery-flexselect/](http://rmm5t.github.io/jquery-flexselect/)\n\n## Inspired by:\n\n* [jQuery.quickselect](http://jonmagic.com/2008/11/12/jquery-quickselect-js) by Daniel Parker\n* [MooTools Select Autocompleter](http://warpspire.com/tipsresources/interface-scripting/select-autocompleter/) by Kyle Neath\n* [Live Search with QuickSilver Style (for jQuery)](http://orderedlist.com/articles/live-search-with-quicksilver-style-for-jquery) by John Nunemaker\n* [jQuery LiveSearch](http://ejohn.org/blog/jquery-livesearch/) by John Resig\n\n## Todo\n\n* Review the \"picked\" logic\n* Add templating support for matched list output.\n* Add highlighting of matched characters in the results.\n* Consider support for optgroup tags\n\n## Author\n\n[Ryan McGeary](http://ryan.mcgeary.org) ([@rmm5t](http://twitter.com/rmm5t))\n\n## License\n\n[MIT License](https://rmm5t.mit-license.org/)\n","funding_links":["https://github.com/sponsors/rmm5t","https://www.paypal.me/rmm5t/5"],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frmm5t%2Fjquery-flexselect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frmm5t%2Fjquery-flexselect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frmm5t%2Fjquery-flexselect/lists"}