پیشبرد انتخاب کنید
فالکون از Choices.js برای انتخاب اولیه استفاده می کند. Choices.js یک افزونه انتخاب جعبه/متن انتخابی سبک وزن و قابل تنظیم است. مشابه Select2 و Selectize اما بدون وابستگی به jQuery
اسناد برای انتخابنمونه انتخاب چندگانه
<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>
نمونه انتخاب واحد
<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>
مثال اعتبار سنجی
<form class="needs-validation" novalidate="novalidate">
<div class="mb-3"><label for="organizerMultiple2">Multiple</label><select class="form-select js-choice" id="organizerMultiple2" multiple="multiple" size="1" name="organizerMultiple" required="required" 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>
<div class="invalid-feedback">Please select one or multiple</div>
</div>
<div class="mb-3"><label for="organizerSingle2">Single</label><select class="form-select js-choice" id="organizerSingle2" size="1" required="required" 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>
<div class="invalid-feedback">Please select one</div>
</div><button class="btn btn-primary" type="submit">Submit form</button>
</form>
جاوا اسکریپت
<script src="vendors/choices/choices.min.js"></script>
فایل css
<link href="vendors/choices/choices.min.css" rel="stylesheet" />