Select2
!Build Statusgithub-actions-image
jsdelivr
cdnjsSelect2 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 https://select2.org/
Use cases
- Enhancing native selects with search.
- Enhancing native selects with a better multi-select interface.
- Loading data from JavaScript: easily load items via AJAX and have them
- Nesting optgroups: native selects only support one level of nesting. Select2
- Tagging: ability to add new items on the fly.
- Working with large, remote datasets: ability to partially load a dataset based
- Paging of large datasets: easy support for loading more pages when the results
- Templating: support for custom rendering of results and selections.
Browser compatibility
- IE 8+
- Chrome 8+
- Firefox 10+
- Safari 3+
- Opera 10.6+
Usage
You can source Select2 directly from a CDN like jsDelivrjsdelivr or cdnjscdnjs, download it from this GitHub reporeleases, or use one of the integrations below.Integrations
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<select>
box.Plugins
- django-autocomplete-light - django-easy-select2 - django-select2
- Drupal - drupal-select2
- Meteor - meteor-select2
- Ruby on Railsruby-on-rails - select2-rails
- Wicket - wicketstuff-select2
- Yii 2yii2 - yii2-widget-select2
- Angularjsangularjs - mdr-angular-select2
Themes
- Bootstrap 3bootstrap3 - select2-bootstrap-theme
- Bootstrap 4bootstrap4 - select2-bootstrap4-theme
- Flat UIflat-ui - select2-flat-theme
Missing an integration? Modify this
README
and make a pull request back here to Select2 on GitHub.Internationalization (i18n)
Select2 supports multiple languages by simply including the right language JS file (dist/js/i18n/it.js
, dist/js/i18n/nl.js
, etc.) after
dist/js/select2.js
.Missing a language? Just copy
src/js/select2/i18n/en.js
, translate it, and
make a pull request back to Select2 here on GitHub.Documentation
The documentation for Select2 is available online at the documentation websitedocumentation and is located within thedocs
directory of this repositorydocumentation-directory.