ivaynberg / select2
Select2 is a jQuery based replacement for select boxes.
Fund package maintenance!
kevin-brown
Open Collective
Installs: 404 189
Dependents: 7
Suggesters: 0
Security: 0
Stars: 25 868
Watchers: 716
Forks: 6 265
Open Issues: 135
Language:JavaScript
Type:component
- dev-develop
- 4.1.0-rc.0
- 4.1.0-beta.1
- 4.1.0-beta.0
- 4.0.13
- 4.0.12
- 4.0.11
- 4.0.10
- 4.0.9
- 4.0.8
- 4.0.7
- 4.0.7-rc.0
- 4.0.6
- 4.0.6-rc.1
- 4.0.6-rc.0
- 4.0.5
- 4.0.4
- 4.0.3
- 4.0.2
- 4.0.2-rc.1
- 4.0.1
- 4.0.1-rc.1
- 4.0.0
- 4.0.0-rc.2
- 4.0.0-rc.1
- 4.0.0-beta.3
- 4.0.0-beta.2
- 4.0.0-beta.1
- 3.5.4
- 3.5.3
- 3.5.2
- 3.5.1
- 3.5.0
- 3.4.8
- 3.4.7
- 3.4.6
- dev-master
- dev-upgrade-qunit
- dev-stable/3.5
This package is not auto-updated.
Last update: 2024-09-24 04:33:30 UTC
README
Select2 is a jQuery-based replacement for select boxes. It supports searching, remote data sets, and pagination of results.
To get started, check out 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 searchable.
- 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.
Browser compatibility
- IE 8+
- Chrome 8+
- Firefox 10+
- Safari 3+
- Opera 10.6+
Usage
You can source Select2 directly from a CDN like jsDelivr or cdnjs, download it from this GitHub repo, 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
- Backdrop CMS - backdrop-select2
- Django
- Drupal - drupal-select2
- Meteor - meteor-select2
- Ruby on Rails - select2-rails
- Wicket - wicketstuff-select2
- Yii 2 - yii2-widget-select2
- Angularjs - mdr-angular-select2
Themes
- Bootstrap 3 - select2-bootstrap-theme
- Bootstrap 4 - select2-bootstrap4-theme
- Bootstrap 5 - select2-bootstrap-5-theme
- Flat 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 website and is located within the
docs
directory of this repository.
Community
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.
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]