Stretch Select is an improved version of HTML select multiple elements that does away with the holding shift or control hassle. It is implemented in YUI 3.
- Download the JavaScript and CSS and put them into a place your application can add them.
- Create a div with a class of "stretch-select-holder".
- Put your select tag inside the div (don't forget the multiple attribute).
The select will be converted to a stretch select as soon as the page loads. Simply edit the CSS to suit your application and you'll be ready to go.
- Stretch Select operates on the select element itself. You don't have to worry about checkboxes from form submissions.
- You can attach events to the original DOM element and have the behave as expected (onchange only so far).