Multiselect

by Camille Bechayda

HTML

<script src="https://github.com/lou/multi-select/blob/master/js/jquery.multi-select.js"></script>
<link rel="stylesheet" href="https://github.com/lou/multi-select/blob/master/css/multi-select.css">
<select id='optgroup' multiple='multiple'>
  <optgroup label='Friends'>
    <option value='1'>Yoda</option>
    <option value='2' selected>Obiwan</option>
  </optgroup>
  <optgroup label='Enemies'>
    <option value='3'>Palpatine</option>
    <option value='4' disabled>Darth Vader</option>
  </optgroup>
</select>

JavaScript

$('#optgroup').multiSelect({ selectableOptgroup: true });