Form Select

Select2

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Single Select

Select2 can take a regular select box like this...

Multiple Select

Select2 can take a regular select box like this...

Choices

Single Select Input Example

Default

Set data-choices attribute to set a default single select.

Option Groups

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 Input

Default

Set data-choices multiple attribute.

With remove button

Set data-choices data-choices-removeItem multiple attribute.

Option groups

Set data-choices data-choices-multiple-groups="true" multiple attribute.

Text Inputs

Set limit values with remove button

Set data-choices data-choices-limit="Required Limit" data-choices-removeItem attribute.

Unique values only, no pasting

Set data-choices data-choices-text-unique-true attribute.

Disabled

Set data-choices data-choices-text-disabled-true attribute.

Notifications

Select2

Choices

Single Select Input Example

Multiple Select Input

Text Inputs