Advance Select

Falcon uses Choices.js for advance select. Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency

Documentation for Choices
Multiple Select Example
<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>
Single Select Example
<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>
Style
<link href="vendors/choices/choices.min.css" rel="stylesheet" />

Thank you for creating with Falcon |
2021 © Themewagon

v3.2.0

customize