roll your own multiple select listbox
with a standard html select box, you can select multiple options if the “multiple” attribute is set, but you’ve got to hold down the appropriate modifier key (ctrl on windows) in order to do so.
standard html select box
as an aside: it would be interesting to study how many people grasp the modifier-key concept and how usable the modifier key is in terms of time to complete a task and number of errors.
nevertheless “experts” tend to bemoan the usability of holding down a modifier key to select multiple options, and i would tend to agree. so after a little digging around the intarweb, i discovered three alternatives. the first is pure javascript (and less than satisfying) while the latter two creatively use checkbox widgets inside an html div to create a custom select box.
- the pure javascript multiple select box grafts simple multiple selection onto an existing select box using nothing more than javascript. the downside is that it’s very blinky.
- multiple selection using checkboxes is just so neat. but it could be improved.
- dynamic conversion of select boxes into multiple selection scrolling checkboxes, using javascript is brilliant, but also a little heavy-handed.
so let me throw my hat into the ring with a modification on the second example above that mixes in a little javascript to improve the visibility of the selected option and works some CSS magic to perfect the borders.
custom multiple select box


dude I could select multiples in the top box by dragging… Was that your example?