Choices
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency
Documentation for ChoicesCalifornia Institute of Technology
GSAS Open Labs At Harvard
Massachusetts Institute of Technology
University of Chicago
<label for="organizerMultiple">Multiple</label><select class="form-select js-choice" id="organizerMultiple" multiple="multiple" size="1" name="organizerMultiple" data-options='{"removeItemButton":true,"placeholder":true}'>
<option value="">Select organizer...</option>
<option>Massachusetts Institute of Technology</option>
<option>University of Chicago</option>
<option>GSAS Open Labs At Harvard</option>
<option>California Institute of Technology</option>
</select>
Select organizer...
Select organizer...
California Institute of Technology
GSAS Open Labs At Harvard
Massachusetts Institute of Technology
University of Chicago
<label for="organizerSingle">Single</label><select class="form-select js-choice" id="organizerSingle" size="1" name="organizerSingle" data-options='{"removeItemButton":true,"placeholder":true}'>
<option value="">Select organizer...</option>
<option>Massachusetts Institute of Technology</option>
<option>University of Chicago</option>
<option>GSAS Open Labs At Harvard</option>
<option>California Institute of Technology</option>
</select>
Javascript
<script src="vendors/choices/choices.min.js"></script>
styleSheet
<link href="vendors/choices/choices.min.css" rel="stylesheet" />