jQuery select2 breaks as soon as I add tags

Question

As soon as I add tags to my jQuery select2 it breaks and reverts back to the normal HTML select box.

Here is my code (exactly like this example):

$(document).ready(function() {
    $("#tags").select2({tags:["red", "green", "blue"]});
});

If I remove the tags part it works again:

$(document).ready(function() {
    $("#tags").select2();
});

Adduce

What is #tags a <div> or a <select> - it wont work for <select> – Plater

Works for me jsfiddle.net/2Xt2u – Reggi

Answer 1

If you look in your javascript console you will see the following error message:

Error: Option 'tags' is not allowed for Select2 when attached to a <select> element.

That means, when you want to use the 'tags' option, you have to apply it to an input:text element instead of a select.

JSFiddle with proof: http://jsfiddle.net/Y8Wc7/

Pulmotor

Answer 2

Select2 version 4.0.0 now allows tags to be attached to a <select>

Andry

I am using select2 v4.0+ but still facing the same issue. – Stuyvesant

Take a look at select2.org/tagging – Andry