37 lines
884 B
HTML
37 lines
884 B
HTML
|
<section>
|
||
|
|
|
||
|
|
<h1 id="tokenizer">Automatic tokenization</h1>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Select2 supports ability to add choices automatically as the user is
|
||
|
|
typing into the search field. Try typing in the search field below and
|
||
|
|
entering a space or a comma.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
The separators that should be used when tokenizing can be specified
|
||
|
|
using the <a href="options.html#tokenSeparators">tokenSeparators</a>
|
||
|
|
options.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="s2-example">
|
||
|
|
<p>
|
||
|
|
<select class="js-example-tokenizer form-control" multiple="multiple">
|
||
|
|
<option>red</option>
|
||
|
|
<option>blue</option>
|
||
|
|
<option>green</option>
|
||
|
|
</select>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<pre data-fill-from=".js-code-tokenizer"></pre>
|
||
|
|
|
||
|
|
<script type="text/x-example-code" class="js-code-tokenizer">
|
||
|
|
$(".js-example-tokenizer").select2({
|
||
|
|
tags: true,
|
||
|
|
tokenSeparators: [',', ' ']
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</section>
|