Basic examplesDifferent multiselect options
Sizing optionsWidth and height sizing
Advanced examplesMore complex multiselect examples
When using the plugin for single selections (without the
multiple attribute), the first option will automatically be selected if no other option is selected in advance.
enableClickableOptGroups option is set to
true, optgroup's will be clickable, allowing to easily select multiple options belonging to the same group.
Disable if no options are given
disableIfEmpty option to
true to disable select if it has no options. Useful in chained selects or select with dynamic data.
Use "Select" and "Deselect" buttons to select or deselect cheese and tomatoes. Display selected or deselected options by using
Record the order the options are selected. When selecting an item an ordering number will be incremented and saved within the option.
Simulate single selections using checkboxes. The behavior will be similar to a multiselect with radio buttons.
Close dropdown automatically
Close dropdown after 3 selections automatically.
Using a reset button together with a multiselect. Select options then click Reset button to reset selections.
The templates can be overriden using the
templates configuration option. The example below uses a
red border color for dividers.
Use the button to toggle the selection. Don't forget to include
$.uniform.update(); to update checkboxes or radios state dynamically.
This method is used to destroy the plugin on the given element - meaning unbinding the plugin.
This method is used to refresh the checked checkboxes based on the currently selected options within the select. Click 'Select', then click refresh. The plugin will update the checkboxes.
Rebuilds the whole dropdown menu. All selected options will remain selected (if still existent!). Click Add button and then click Rebuild button, open dropdown and you'll notice new options added to the bottom of the list.
Selects an option by its value (which has to be given as string). Works also using an array of values.
Deselect an option by its value (which has to be given as string). Works also using an array of values.
Disable both the underlying select and the dropdown button.
Enable both the underlying select and the dropdown button.