时间戳

首页 > 解决方案 > 允许 Select2 元素中的标签

javascript - 允许 Select2 元素中的标签

问题描述

当它们具有特定类时，我尝试在 select2 元素上启用标签

$(".select2Tags").each(function(index, element) {
    $(this).select2({
        tags: true
    });
});

但是允许新标签不起作用。我怎样才能使它工作？

标签： javascriptjqueryjquery-select2

解决方案

这按预期工作：

HTML

<select id="example" style="width: 300px">
    <option value="JAN">January</option>
    <option value="FEB">February</option>
    <option value="MAR">March</option>
    <option value="APR">April</option>
    <option value="MAY">May</option>
    <option value="JUN">June</option>
    <option value="JUL">July</option>
    <option value="AUG">August</option>
    <option value="SEP">September</option>
    <option value="OCT">October</option>
    <option value="NOV">November</option>
    <option value="DEC">December</option>
</select>
<button id="btnTest" />

</button>

JS

$('#example').select2({
    placeholder: 'Select a month'
});

$('#btnTest').on('click', function() {
    $('#example').select2({
         multiple: true,
         tags:true;
    });
})

工作片段

https://jsfiddle.net/b6p3oycd/

推荐阅读