Quick[select] is a jQuery plugin for quick selection of common options in select boxes.
Select boxes are a two tap or click operation. They take the user out of the flow of the form, and there are certain answers that are more commonly chosen than others, such as a reply of “yes” or “no.” Or maybe you would prefer people to give a definite yes/no answer. This plugin provides the ability to bring those options outside of the select list.
Quick[select] prompts a user to an answer, but provides flexibility for questions that need it. The tool uses the browser’s native select list for its overflow, meaning it will work great on all devices.
It’s been tested with jQuery 2, Internet Explorer 11+, Firefox 40+, Chrome 45+, Safari 8+, Chrome on Android and iOS and Safari on iOS, so it should work properly in most applications. Just download the source files from GitHub, include the JS and CSS tags, attach Quick[select] to the appropriate boxes and you are ready to go!
There are a handful of option classes available and some great examples of how to use this tool in the documentation.
Multi Column Select can be used to create a single selection multi-column dropdown or multiple selection multi-column dropdown for a variety of website applications.
Flexselect is a jQuery plugin that turns selection boxes into flex-matching incremental-finding controls. Think of it as Quicksilver squished into a selection box.
The difference is a purely aesthetic one — and something that is becoming increasingly popular on more websites. The dropdown selection has a cleaner and more uniform look with this plugin. You can use the mouse to select from the dropdown menu (as you would expect) or click in the Flexselect box and start typing to see options that match those letters appear.
It’s a usability tool that website visitors will love.
To get started, you’ll need to load the default styles, jQuery, the LiquidMetal scoring algorithm and the plugin. Attach the correlating boxes and turn on elements. Then you can enable any custom options that you fancy and start using the plugin. It’s that simple!
With Flexselect installed, you’ll have the exact same functionality made popular by applications like Quicksilver, LaunchBar and Launchy. Nothing makes filling out this type of menu selection as easy as a flexible typing tool.
Select or Die is a jQuery plugin to style <select> elements in your website design project. The tool is simple to configure and use.
Here are the configurable options:
Select or Die has a simple aesthetic that can be matched to almost any design style.
This is a good tool to play with the look of drop downs or links in your framework as well as other selection-based items. Customization is easy with a little knowledge of how to tinker with the code.
The plugin is simple to install. Download the .zip file, unzip it and include the selectordie.css and either of the two .js files found in the “_src” folder. Initialize the plugin, targeting the desired element in the jQuery selector. Start customizing and you are all ready to go.
Turns humble elements into styleable drop-down menus for use in forms or general navigation.
Minimal select replacement with filtering, keyboard navigation and theme support.
A custom select for @twitter Bootstrap using button dropdown.
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.