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:

• label: ‘– Select Your Options –’
• minWidth: 300
• maxWidth: 400
• scroll: 80

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.