July 6, 2012
Select2 | jQuery plugin for awesome select boxes
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.Look and feel of this jquery plugin is based on the excellent Chosen library.This jquery plugin also has support for quick option filtering via a search box.Its main features are :-
- Multi-Value Select Boxes
It also supports multi-value select boxes. The select below is declared with the multiple attribute. It automatially picks up on this:
This jquery plugin uses a function to load result data.
Various display options of the Select2 component can be changed:
- Maximum Selection Size
Select2 allows the developer to limit the number of items that can be selected in a multi-select control.
- Loading Remote Data
Select2 comes with AJAX/JSONP support built in
- Programmatic Access
Select2 supports methods that allow programmatic control of the component
Created by Igor Vaynberg
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results
Select2 is a jQuery-based replacement for select boxes. It supports searching,
remote data sets, and pagination of results.
To get started, checkout examples and documentation at
- Enhancing native selects with search.
- Enhancing native selects with a better multi-select interface.
- Nesting optgroups: native selects only support one level of nesting. Select2
does not have this restriction.
- Tagging: ability to add new items on the fly.
- Working with large, remote datasets: ability to partially load a dataset based
on the search term.
- Paging of large datasets: easy support for loading more pages when the results
are scrolled to the end.
- Templating: support for custom rendering of results and selections.
- IE 8+
- Chrome 8+
- Firefox 10+
- Safari 3+
- Opera 10.6+
Select2 is automatically tested on the following browsers.
You can source Select2 directly from a CDN like JSDliver or
CDNJS, download it from this GitHub repo, or use one of
the integrations below.
Third party developers have created plugins for platforms which allow Select2 to be integrated more natively and quickly. For many platforms, additional plugins are not required because Select2 acts as a standard
Missing an integration? Modify this
README and make a pull request back here to Select2 on GitHub.
Select2 supports multiple languages by simply including the right language JS
dist/js/i18n/nl.js, etc.) after
Missing a language? Just copy
src/js/select2/i18n/en.js, translate it, and
make a pull request back to Select2 here on GitHub.
The documentation for Select2 is available
through GitHub Pages and is located within this repository
You can find out about the different ways to get in touch with the Select2
community at the Select2 community page.
Copyright and license
The license is available within the repository in the LICENSE file.
To install using Bower
bower install select2