74 lines
2.3 KiB
Markdown
74 lines
2.3 KiB
Markdown
|
---
|
||
|
|
title: Getting Started
|
||
|
|
taxonomy:
|
||
|
|
category: docs
|
||
|
|
---
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
# Select2
|
||
|
|
|
||
|
|
The jQuery replacement for select boxes
|
||
|
|
|
||
|
|
Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
|
||
|
|
|
||
|
|
<div class="s2-docs-featurette">
|
||
|
|
<div class="grid">
|
||
|
|
<div class="size-1-3 size-tablet-1-2">
|
||
|
|
<i class="fa fa-language fa-4x"></i>
|
||
|
|
<h4>In your language</h4>
|
||
|
|
<p>
|
||
|
|
Select2 comes with support for
|
||
|
|
<a href="examples.html#rtl">RTL environments</a>,
|
||
|
|
<a href="examples.html#diacritics">searching with diacritics</a> and
|
||
|
|
<a href="examples.html#language">over 40 languages</a> built-in.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="size-1-3 size-tablet-1-2">
|
||
|
|
<i class="fa fa-database fa-4x"></i>
|
||
|
|
<h4>Remote data support</h4>
|
||
|
|
<p>
|
||
|
|
<a href="examples.html#data-ajax">Using AJAX</a> you can efficiently
|
||
|
|
search large lists of items.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="size-1-3 size-tablet-1-2">
|
||
|
|
<i class="fa fa-paint-brush fa-4x"></i>
|
||
|
|
<h4>Theming</h4>
|
||
|
|
<p>
|
||
|
|
Fully skinnable, CSS built with Sass and an
|
||
|
|
<a href="https://github.com/select2/select2-bootstrap-theme">optional theme for Bootstrap 3</a>.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid">
|
||
|
|
<div class="size-1-3 size-tablet-1-2">
|
||
|
|
<i class="fa fa-plug fa-4x"></i>
|
||
|
|
<h4>Fully extensible</h4>
|
||
|
|
<p>
|
||
|
|
The <a href="announcements-4.0.html#plugin-system">plugin system</a>
|
||
|
|
allows you to easily customize Select2 to work exactly how you want it
|
||
|
|
to.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="size-1-3 size-tablet-1-2">
|
||
|
|
<i class="fa fa-tag fa-4x"></i>
|
||
|
|
<h4>Dynamic item creation</h4>
|
||
|
|
<p>
|
||
|
|
Allow users to type in a new option and
|
||
|
|
<a href="examples.html#tags">add it on the fly</a>.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="size-1-3 size-tablet-1-2">
|
||
|
|
<i class="fa fa-html5 fa-4x"></i>
|
||
|
|
<h4>Full browser support</h4>
|
||
|
|
<p>Support for both modern and legacy browsers is built-in, even including Internet Explorer 8.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|