diff --git a/docs/_includes/examples/tags.html b/docs/_includes/examples/tags.html
index d64a27f1..b5356fd1 100644
--- a/docs/_includes/examples/tags.html
+++ b/docs/_includes/examples/tags.html
@@ -2,36 +2,9 @@
- Select2 can be used to quickly set up fields used for tagging.
+ In addition to the dropdown menu of options, Select2 can also allow free-text responses. This feature is called "tagging". To enable free-text responses, set the tags
option to true
:
-
- Note that when tagging is enabled the user can select from pre-existing
- options or create a new tag by picking the first choice, which is what
- the user has typed into the search box so far.
-
-
-
-
-
- orange
- white
- purple
-
-
-
-
-{% highlight js linenos %}
-$(".js-example-tags-multiple").select2({
- tags: true
-})
-{% endhighlight %}
-
-
- Tagging can also be used on a single select element. Simply remove the
- multiple="multiple"
attribute from your HTML markup.
-
-
@@ -47,5 +20,28 @@ $(".js-example-tags").select2({
tags: true
})
{% endhighlight %}
+
+
+ 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.
+
+
+ Tagging with multi-value select boxes
+
+
+ Tagging can also be used in multi-value select boxes. In the example below, we set the multiple="multiple"
attribute on a Select2 control that also has tags: true
enabled:
+
+
+
+
+ orange
+ white
+ purple
+
+
+
+
+
+ Try entering a value that isn't listed in the dropdown - you'll be able to add it as a new option!
+
diff --git a/docs/_includes/nav/examples.html b/docs/_includes/nav/examples.html
index 3e48e404..a74f5810 100644
--- a/docs/_includes/nav/examples.html
+++ b/docs/_includes/nav/examples.html
@@ -51,7 +51,7 @@
- Tagging support
+ Tagging (free-text) support
Automatic tokenization