已经在项目中安装了Select2(4.0.7),唯一加载的其他JS库是jQuery3.4。该库的工作方式如文档所述,不带标签,但是在我的多选元素上设置tags:true
会导致问题。
当我包含tags:true
时,键入
然后,此后,“搜索”一词实际上作为标签出现(请参阅所附的屏幕截图,我试图在其中键入“测试”一词),键入的文本无法删除,以及所有最初选择的选项不会重新填充(在视觉上;不会影响实际的表单)。
下面的HTML是由我使用的框架(CakePHP 3.7)生成的,除了编辑可读性选项之外,它是一字不漏的。 HTML:
<select name="tags[_ids][]" multiple="multiple" class="multi-select" id="tags-ids">
<option value="2">New</option>
<option value="3">Favorite</option>
<option value="4" selected="selected">Incomplete</option>
</select>
还有JS:
$(document).ready(function() {
$("#tags-ids").select2({
closeOnSelect: false,
tags:true,
tokenSeparators: [',']
});
});