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