标记在 select2 中不起作用

Question

ok, I have this simple select2 which needs tagging support. My code :-

<select name="x1" id="x1" style="width: 20%">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

JS :-

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

My select2 should have tagging support, but it doesn't happen with my code. What wrong am I doing? Jsfiddle :- https://jsfiddle.net/u4euvsw0/

Answer 1

You have to add "multiple" attribute to make it works

<select name="x1" id="x1" style="width: 20%" multiple="multiple">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

Answer 2

Add a multiple and tags in the initialization.

<select name="x1" id="x1" style="width: 20%" multiple="multiple">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

Answer 3

you can use data-select2-tags="true" in your select like this:

<select name="x1" id="x1" style="width: 20%" data-select2-tags="true">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select> 

Answer 4

If you are looking for a single tag system, you have to put the minimumResultsForSearch in the config on -1. This made it work for me.