Choices.js

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

For all config options, visit the GitHub repo.

---

Text inputs

Limited to 5 values with remove button Unique values only, no pasting Email addresses only Disabled Prepends and appends a value to each items return value Preset values passed through options Right-to-left

---

Multiple select input

Default Dropdown item 1 Dropdown item 2 Dropdown item 3 Dropdown item 4 Option groups London Manchester Liverpool Paris Lyon Marseille Hamburg Munich Berlin New York Washington Michigan Madrid Barcelona Malaga Montreal Toronto Vancouver Options from remote source (Fetch API) & limited to 5 Right-to-left Dropdown item 1 Dropdown item 2 Dropdown item 3 Dropdown item 4

---

Single select input

Default Dropdown item 1 Dropdown item 2 Dropdown item 3 Options from remote source (Fetch API) Options from remote source (XHR) & remove button Option groups London Manchester Liverpool Paris Lyon Marseille Hamburg Munich Berlin New York Washington Michigan Madrid Barcelona Malaga Montreal Toronto Vancouver Right-to-left Dropdown item 1 Dropdown item 2 Dropdown item 3 Options added via config with no search Zero Option and option groups added via config Option selected via config Options without sorting Madrid Toronto Vancouver London Manchester Liverpool Paris Malaga Washington Lyon Marseille Hamburg Munich Barcelona Berlin Montreal New York Michigan

Below is an example of how you could have two select inputs depend on eachother. 'Boroughs' will only be enabled if the value of 'States' is 'New York'

States Michigan Texas Chicago New York Washington Boroughs The Bronx Brooklyn Manhattan Queens Staten Island