What is this?
Select2 is a jQuery-based replacement for standard HTML select boxes. It upgrades plain dropdowns with searching, remote data sets, and pagination of results.
Select2 is a jQuery-based replacement for standard HTML select boxes. It upgrades plain dropdowns with searching, remote data sets, and pagination of results.What can it do that a plain HTML select box can't?Type-to-search, a better multi-select interface, options loaded via AJAX, optgroup nesting beyond one level, tagging new items on the fly, and custom result templates.
Type-to-search, a better multi-select interface, options loaded via AJAX, optgroup nesting beyond one level, tagging new items on the fly, and custom result templates.How do I add it to a project?Pull dist/js/select2.js and its CSS from a CDN like jsDelivr or cdnjs, download a release from GitHub, or use a framework integration plugin (Django, Rails, Drupal, Meteor and more).
Pull dist/js/select2.js and its CSS from a CDN like jsDelivr or cdnjs, download a release from GitHub, or use a framework integration plugin (Django, Rails, Drupal, Meteor and more).Do I need jQuery to use it?Yes — Select2 is built as a jQuery plugin, so jQuery is the one hard requirement. Everything else runs client-side in the browser.
Yes — Select2 is built as a jQuery plugin, so jQuery is the one hard requirement. Everything else runs client-side in the browser.Will it work in older browsers?It supports very old browsers: IE 8+, Chrome 8+, Firefox 10+, Safari 3+ and Opera 10.6+. Modern evergreen browsers are covered.
It supports very old browsers: IE 8+, Chrome 8+, Firefox 10+, Safari 3+ and Opera 10.6+. Modern evergreen browsers are covered.Does it run in the browser or on a server?It runs entirely in the browser — it replaces select boxes in the page's DOM, with no server-side component.
It runs entirely in the browser — it replaces select boxes in the page's DOM, with no server-side component.Can it load options from the server as the user types?Yes — for large remote datasets Select2 can partially load data based on the current search term via AJAX, and it keeps loading more pages as you scroll to the end of the results.
Yes — for large remote datasets Select2 can partially load data based on the current search term via AJAX, and it keeps loading more pages as you scroll to the end of the results.Can users add options that aren't in the list yet?Yes — tagging lets people add brand-new options on the fly instead of choosing only from the predefined list.
Yes — tagging lets people add brand-new options on the fly instead of choosing only from the predefined list.Are there ready-made integrations for Django, Rails, or Bootstrap?Yes — community plugins exist for Django, Drupal, Meteor, Ruby on Rails, Wicket, Yii 2, AngularJS and Backdrop CMS, plus themes for Bootstrap 3, 4, 5 and Flat UI. On many platforms no plugin is needed at all.
Yes — community plugins exist for Django, Drupal, Meteor, Ruby on Rails, Wicket, Yii 2, AngularJS and Backdrop CMS, plus themes for Bootstrap 3, 4, 5 and Flat UI. On many platforms no plugin is needed at all.Does it work in languages other than English?Yes — include the right language file from dist/js/i18n/ (like it.js or nl.js) after select2.js, and you can contribute missing languages by translating the English one.
Yes — include the right language file from dist/js/i18n/ (like it.js or nl.js) after select2.js, and you can contribute missing languages by translating the English one.What are similar projects?selectize.js, bootstrap-table, tui.editor, jquery-ui, masonry, typeahead.js, bootstrap-datepicker, jquery-pjax
selectize.js, bootstrap-table, tui.editor, jquery-ui, masonry, typeahead.js, bootstrap-datepicker, jquery-pjaxWhich topics is it in?rich, dropdown, jquery-plugin, pagination, angularjs, remote, rails, scroll, autocomplete, forms, bootstrap, datasets
rich, dropdown, jquery-plugin, pagination, angularjs, remote, rails, scroll, autocomplete, forms, bootstrap, datasets