Overview Official Website
Choices.js is a A vanilla, lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Usage
Choices.js's CSS and Javascript files are bundled in the vender.min.css
and vendor.js
and globally included in all pages.
Basic Example #
Set data-choices
attribute to set a default single select.
Option Groups Example #
Set data-choices data-choices-groups
attribute to set option
group
Options added via config with no search #
Set
data-choices data-choices-search-false data-choices-removeItem
Options added via config with no sorting #
Set data-choices data-choices-sorting-false
attribute.
Multiple select With remove button input #
Set data-choices data-choices-removeItem multiple
attribute.
Multiple select With Option groups #
Set
data-choices data-choices-multiple-groups="true" multiple
attribute.
Text inputs #
Set data-choices data-choices-limit="Required Limit" data-choices-removeItem
attribute.
Text inputs in Unique values only, no pasting #
Set data-choices data-choices-text-unique-true
attribute.
Disabled Text Inputs #
Set data-choices data-choices-text-disabled-true
attribute.