2012-03-04 22:58:26 +04:00
Select2
2013-06-05 08:34:54 +04:00
=======
2019-09-12 06:44:21 +03:00
![Build Status][github-actions-image]
2019-06-05 03:46:45 +03:00
[![cdnjs ](https://img.shields.io/cdnjs/v/select2.svg )][cdnjs]
[![jsdelivr ](https://data.jsdelivr.com/v1/package/npm/select2/badge )][jsdelivr]
2015-01-10 00:09:30 +03:00
2014-11-01 23:05:47 +03:00
Select2 is a jQuery-based replacement for select boxes. It supports searching,
remote data sets, and pagination of results.
2012-03-04 22:58:26 +04:00
2014-11-01 23:05:47 +03:00
To get started, checkout examples and documentation at
2017-09-11 00:48:47 +03:00
https://select2.org/
2012-03-04 22:58:26 +04:00
2013-06-05 08:34:54 +04:00
Use cases
---------
2013-06-05 19:18:00 +04:00
* Enhancing native selects with search.
* Enhancing native selects with a better multi-select interface.
2015-01-10 03:26:59 +03:00
* 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.
2013-06-05 19:18:00 +04:00
* Tagging: ability to add new items on the fly.
2015-01-10 03:26:59 +03:00
* 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.
2013-06-05 19:18:00 +04:00
* Templating: support for custom rendering of results and selections.
2012-06-07 20:33:22 +04:00
2013-06-05 08:34:54 +04:00
Browser compatibility
---------------------
2013-05-14 19:52:42 +04:00
* IE 8+
2012-06-09 05:18:40 +04:00
* Chrome 8+
2013-05-14 19:52:42 +04:00
* Firefox 10+
2012-06-09 05:18:40 +04:00
* Safari 3+
* Opera 10.6+
2014-08-01 18:36:09 +04:00
2014-04-15 01:51:45 +04:00
Usage
-----
2019-10-28 11:25:15 +03:00
You can source Select2 directly from a CDN like [jsDelivr][jsdelivr] or
[cdnjs][cdnjs], [download it from this GitHub repo][releases], or use one of
2014-11-01 22:43:01 +03:00
the integrations below.
2012-06-09 05:18:40 +04:00
2012-06-15 07:27:10 +04:00
Integrations
------------
2017-05-24 14:20:55 +03:00
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.
2016-02-18 01:10:39 +03:00
Plugins
* [Django]
2016-09-22 01:08:19 +03:00
- [django-autocomplete-light]
2016-02-18 01:10:39 +03:00
- [django-easy-select2]
- [django-select2]
2018-09-05 04:09:39 +03:00
* [Drupal] - [drupal-select2]
2016-02-18 01:10:39 +03:00
* [Meteor] - [meteor-select2]
* [Ruby on Rails][ruby-on-rails] - [select2-rails]
* [Wicket] - [wicketstuff-select2]
* [Yii 2][yii2] - [yii2-widget-select2]
2018-09-05 20:29:52 +03:00
* [Angularjs][angularjs] - [mdr-angular-select2]
2016-02-18 01:10:39 +03:00
Themes
- [Bootstrap 3][bootstrap3] - [select2-bootstrap-theme]
2019-04-28 07:06:02 +03:00
- [Bootstrap 4][bootstrap4] - [select2-bootstrap4-theme]
2016-02-18 01:10:39 +03:00
- [Flat UI][flat-ui] - [select2-flat-theme]
- [Metro UI][metro-ui] - [select2-metro]
Missing an integration? Modify this `README` and make a pull request back here to Select2 on GitHub.
2012-06-15 05:08:49 +04:00
2013-03-13 20:59:59 +04:00
Internationalization (i18n)
---------------------------
2014-02-04 19:49:51 +04:00
Select2 supports multiple languages by simply including the right language JS
2014-11-01 23:05:47 +03:00
file (`dist/js/i18n/it.js`, `dist/js/i18n/nl.js` , etc.) after
`dist/js/select2.js` .
2013-03-13 20:59:59 +04:00
2014-11-01 23:05:47 +03:00
Missing a language? Just copy `src/js/select2/i18n/en.js` , translate it, and
make a pull request back to Select2 here on GitHub.
2013-03-13 20:59:59 +04:00
2014-08-01 18:36:09 +04:00
Documentation
-------------
2014-11-01 22:43:01 +03:00
The documentation for Select2 is available
2019-09-12 06:48:01 +03:00
[online at the documentation website][documentation] and is located within the
[`docs` directory of this repository][documentation-directory].
2014-08-01 18:36:09 +04:00
2014-08-13 04:50:38 +04:00
Community
---------
2015-01-10 03:26:59 +03:00
You can find out about the different ways to get in touch with the Select2
community at the [Select2 community page][community].
2012-03-04 22:58:26 +04:00
2013-06-05 08:34:54 +04:00
Copyright and license
2012-03-04 22:58:26 +04:00
---------------------
2014-11-01 23:05:47 +03:00
The license is available within the repository in the [LICENSE][license] file.
2014-11-01 22:43:01 +03:00
[cdnjs]: http://www.cdnjs.com/libraries/select2
2017-09-11 00:48:47 +03:00
[community]: https://select2.org/getting-help
[documentation]: https://select2.org
2019-09-12 06:48:01 +03:00
[documentation-directory]: https://github.com/select2/select2/tree/develop/docs
2014-11-01 22:43:01 +03:00
[freenode]: https://freenode.net/
2019-09-12 06:44:21 +03:00
[github-actions-image]: https://github.com/select2/select2/workflows/CI/badge.svg
2019-06-05 03:46:45 +03:00
[jsdelivr]: https://www.jsdelivr.com/package/npm/select2
2014-11-01 23:05:47 +03:00
[license]: LICENSE.md
2015-01-09 19:10:53 +03:00
[releases]: https://github.com/select2/select2/releases
2016-02-18 01:10:39 +03:00
2019-06-05 03:46:45 +03:00
[angularjs]: https://angularjs.org/
2016-02-18 01:10:39 +03:00
[bootstrap3]: https://getbootstrap.com/
2019-04-28 07:06:02 +03:00
[bootstrap4]: https://getbootstrap.com/
2016-02-18 01:10:39 +03:00
[django]: https://www.djangoproject.com/
2016-09-22 01:08:19 +03:00
[django-autocomplete-light]: https://github.com/yourlabs/django-autocomplete-light
2016-02-18 01:10:39 +03:00
[django-easy-select2]: https://github.com/asyncee/django-easy-select2
[django-select2]: https://github.com/applegrew/django-select2
2018-09-05 04:09:39 +03:00
[drupal]: https://www.drupal.org/
[drupal-select2]: https://www.drupal.org/project/select2
2016-02-18 01:10:39 +03:00
[flat-ui]: http://designmodo.github.io/Flat-UI/
2019-06-05 03:46:45 +03:00
[mdr-angular-select2]: https://github.com/modulr/mdr-angular-select2
2016-02-18 01:10:39 +03:00
[meteor]: https://www.meteor.com/
[meteor-select2]: https://github.com/nate-strauser/meteor-select2
[metro-ui]: http://metroui.org.ua/
[select2-metro]: http://metroui.org.ua/select2.html
[ruby-on-rails]: http://rubyonrails.org/
[select2-bootstrap-theme]: https://github.com/select2/select2-bootstrap-theme
2019-04-28 07:06:02 +03:00
[select2-bootstrap4-theme]: https://github.com/ttskch/select2-bootstrap4-theme
2016-02-18 01:10:39 +03:00
[select2-flat-theme]: https://github.com/techhysahil/select2-Flat_Theme
[select2-rails]: https://github.com/argerim/select2-rails
[vue.js]: http://vuejs.org/
[select2-vue]: http://vuejs.org/examples/select2.html
[wicket]: https://wicket.apache.org/
[wicketstuff-select2]: https://github.com/wicketstuff/core/tree/master/select2-parent
[yii2]: http://www.yiiframework.com/
[yii2-widget-select2]: https://github.com/kartik-v/yii2-widget-select2