标记在select2中不起作用

Question

好的,我有这个简单的select2需要标记支持.我的代码: -

<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
    });
});

我的select2应该有标记支持,但我的代码不会发生.我做错了什么？Jsfiddle: - https://jsfiddle.net/u4euvsw0/

Answer 1

您必须添加"multiple"属性才能使其正常工作

<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

您可以在选择中使用 data-select2-tags="true" ，如下所示：

<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>