Boxed MultiselectThese are the Boxed Multiselect examples
- elem 1
- elem 2
- elem 3
- elem 4
- elem 5
- elem 6
- elem 7
Activates your content as a multiselect.
- elem 2
- elem 4
- elem 6
- elem 7
- elem 1
- elem 3
- elem 5
Select with preselected options:
<option value="elem_3" selected>elem 3</option>
- elem 1
- elem 2
- elem 3
- elem 4
- elem 5
- elem 6
- elem 7
The event handler gets the selected option as first parameter and a variable saying whether the option is checked or not as second one.
- Jedi
- Yoda
- Sith
- Palpatine
- Darth Vader
- Jedi
- Obiwan
Option groups are detected automatically and for each option group an header element is added
- elem 1
- elem 2
- elem 3
- elem 4
- elem 5
- elem 6
- elem 7
You can also deactivate option one by one by adding disabled attribute to each option you want to disable
<option value='fuu' disabled='disabled'>bar</option>
Selectable items
- elem 1
- elem 2
- elem 3
- elem 4
- elem 5
- elem 6
- elem 7
Selection items
This option add a header to the multiselect box.
- elem 1
- elem 2
- elem 4
- elem 5
- elem 6
- elem 3
- elem 7
Adds a search bar to filter options