Select 2

Single select boxes

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

and turn it into this...

Loading array data

Select2 provides a way to load the data from a local array. You can provide initial selections with array data by providing the option tag for the selected values, similar to how it would be done for a standard select.

Loading remote data

Select2 comes with AJAX support built in, using jQuery's AJAX methods. In this example, we can search for repositories using GitHub's API.

Bootstrap Date Range Picker
Date Picker
Time Picker

Color Picker


Tag Input
Input Mask
999 99 999 9999 9

(999) 999-9999


iOS 7 style switches for your checkboxes


Online Customer
  • John Doe General Manager at TB
  • Jonathan Smith Lead Designer
  • Margarita Rose Human Resource Manager
  • Mr. Kameron De Marketing Officer
  • Mr. Mosa Development Manager
Recent Stocks
DOWJ 19,764.00 + 0.08%
AAPL 116.90 - 0.29%
SBUX 50.33 + 0.23%
NKE 164.00 + 0.08%
YHOO 764.00 - 0.91%