RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2025-03-10 22:56:12 +03:00
Code Issues Projects Releases Wiki Activity

Fix tagging examples

Browse Source
This commit is contained in:
alexweissman 2017-09-03 00:47:09 -04:00
parent 0257a66590
commit 7d0701399d
1 changed files with 29 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pages/08.tagging/docs.md
View File

@ -20,9 +20,15 @@ In addition to a prepopulated menu of options, Select2 can also allow free-text
</div> </div>
``` ```
<select class="form-control">
<option selected="selected">orange</option>
<option>white</option>
<option>purple</option>
</select>
$(".js-example-tags").select2({ $(".js-example-tags").select2({
tags: true tags: true
}) });
``` ```
Note that when tagging is enabled the user can select from the pre-existing options or create a new option by picking the first choice, which is what the user has typed into the search box so far. Note that when tagging is enabled the user can select from the pre-existing options or create a new option by picking the first choice, which is what the user has typed into the search box so far.
@ -41,6 +47,22 @@ Tagging can also be used in multi-value select boxes. In the example below, we s
</p> </p>
</div> </div>
```
<select class="form-control" multiple="multiple">
<option selected="selected">orange</option>
<option>white</option>
<option selected="selected">purple</option>
</select>
```
<script type="text/javascript">
$(".js-example-tags").select2({
tags: true
});
</script>
Try entering a value that isn't listed in the dropdown - you'll be able to add it as a new option! Try entering a value that isn't listed in the dropdown - you'll be able to add it as a new option!
## Automatic tokenization into tags ## Automatic tokenization into tags
@ -63,12 +85,16 @@ options.
</p> </p>
</div> </div>
``` <pre data-fill-from=".js-code-example-tokenizer"></pre>
<script type="text/javascript" class="js-code-example-tokenizer">
$(".js-example-tokenizer").select2({ $(".js-example-tokenizer").select2({
tags: true, tags: true,
tokenSeparators: [',', ' '] tokenSeparators: [',', ' ']
}) })
```
</script>
## Customizing tag creation ## Customizing tag creation