Select2 Plugin


Select2 is a jQuery based replacement for select boxes.

Description Select
Basic example
Multiple select
Loading array data
Loading remote data
Disabled state

Select2 bootstrap theme with select2 plugin

Description Select
Select2 append checkbox
Select2 multi append radio button
Select2 multi append radio button
Rounded and Circle

The theme offers styles to display "small" and "large" Select2 widgets in Bootstrap Input Groups with Bootstrap Control Sizing classes applied (e. g. Select2 in .input-group.input-group-sm or .input-group.input-group-lg). You may also apply the Bootstrap Control Sizing classes directly to the .select2-container to alter its appearance.

Why are some Select2's not scaled?

While .select2-container--bootstrap.input-sm and .select2-container--bootstrap.input-lg work as advertised, Select2 4 currently does not offer copying CSS classes from the original <select> element in an easy way like version 3.x did. So we do did it manually in this example.

Input Group Validation
Horizontal form group sizing
Inline form