Note: This is a demo page for the Multiselect Widget product. Click here if you want to return to the product's page.

Multiselect Widget

Multiselect widget improves usability of ordinary multi-select input controls replacing them with a nice and clean widget that allow multiple options to be selected with just the mouse and without taking up more room that you need.

Demo (normal multiple select box)

In ordinary multi-select form controls, if users need to select multiple items, then they have to click holding down the CTRL key (for Windows, the command button for Mac). That can get annoying for users, especially with long list of selectable items. For example, see how annoying is to select 3 or 4 countries from the following list.

Select countries from the list:

Demo (Multiselect widget applied)

With multi-select widget, the select control is turned into user-friendly, functional, searchable, and sortable widget.

Selected values: Array ( )

Select countries from the list:

Submit this form to see te selected values processed by a server side script, for example, a PHP script.

It works in an unobtrusive fashion, by just turning html multiple select inputs into a sexier equivalent. There's no extra markup needed.

Features

Search within available options, if there are a lots of them.
Displaying counts of selected and available items.
Select All / Deselect All Buttons.
Dragging items from the available list to the selected list directly.
Fully customizable via CSS.
Optional “Select All”/'Remove All" buttons for convenience

Multiselect Widget demo page. Click here if you want to return to the product's page.