A plugin for jQuery
The jQuery Mega Select List is a plugin that converts large select lists into a mega-menu style list of options.
This plugin doesn't affect your form, posting back the selected value as if the options were being selected in a normal select list.
You can animate the mega-select-list using CSS as per this example, or you can have it constantly expanded instead.
You can set up the mega-select-list to allow single or multiple selections and in multiple mode can optionally limit the number of selections.
The mega select list supports keyboard-based usage.
- Tab to navigate to the list and through the options.
- Enter or Space to select items.
- Page Up and Page Down to skip to the top and bottom of the list.
- Escape to collapse an animated list.
Screen Shot
Project Links
View a demonstration
Read the documentation
Download
Report a problem with this plugin
Sample Usage
// Default
$("select").megaselectlist();
// With animation
$("select").megaselectlist(
animate: true,
animateevent: "click"
);
// Multiple selections with limit
$("select").megaselectlist(
multiple: true,
maximumitems: 3,
warningmessage: "You may only select {0} items."
);
Author
Steve Fenton
About Us
JS Plugins is a quality library of JavaScript plugins.
We only allow unique plugins to be added to our library, so you won't be left staring at hundreds of plugins that all do the same thing, just one top notch result that does exactly what you want.
We will ensure that every plugin listed has a demo page, documentation and a download link.
If you have any suggestions for our website, please contact us
Designers
We are doing our best to guarantee that the plugins listed on JS Plugins are of the highest quality.
If you have any suggestions about our website, or have spotted something that isn't quite right, please contact us and we'll sort it out.
Developers
We are looking for unique plugins to list in our library. Unlike other plugin directories, our library doesn't contain lots of duplicated content; we want to create a diverse collection of top quality plugins.
If you would like to be listed in our library, please check the following...
- Make sure your plugin isn't similar to one we already have.
- Set up a demo page for the plugin to show people what it looks like in action.
- Set up a documentation page to tell people how to use the plugin.
- Set up a download link so people can download the plugin.
Once you have done these things, please contact us with all those details.
We do have plans to automate things in the future, but please email us while we're working on that.