multiselect – a jQueryUI form widget

A demo showcasing the jQuery UI plugin, multiselect. Be sure to check out the multiselect project page or just grab the source code.

Simple Muliselect

The following version is the barebones version of multiselect with no specified options, setup using nothing but the defaults.

Foo Bar Foo Bar

Show HTML Select Element
NOTE: This displays the hidden <select> element so you can see the interaction that takes place between the widget and the original mark-up.

Muliselect w/ Options

The following version incorporates each of the advanced options exposed for the multiselect plugin. It includes the following:

• change: callback function for when an item is deselected or selected
• deselect: callback function for when an item is deselected
• label: ‘– Select Your Options –’
• minWidth: 300
• maxWidth: 400
• scroll: 80
• select: callback function for when an item is selected

Foo Bar Foo Bar More Foo More Bar More Foo Bar

Show HTML Select Element
NOTE: This displays the hidden <select> element so you can see the interaction that takes place between the widget and the original mark-up.