Select2.js-如何防止显示标签

Select2.js - How do I prevent displaying the tags?

本文关键字：显示 标签 何防止 js- Select2      更新时间：2023-09-26

我有select2.js这样的设置：

        $searchBar.select2({
            maximumSelectionSize: 1
            , minimumInputLength: 1
            , multiple: true
            , placeholder: 'Search'
        });

我确信这在文档中，就在我面前，但有什么方法可以禁止标签出现吗？

我现在有两个解决办法，但都有一些令人讨厌的副作用：

1） 每次进行选择时，重新呈现输入框

2） 使用css隐藏display的标签：none；

我通过挂接到"select2 selection"事件并更改行为来实现这一点：

$('select2-select-element')
    .select2()
    .on("select2-selecting", function(e) {
      e.preventDefault();
      $('input.select2-input').val(e.object.text);
      $('.select2-drop').hide();
    });

它的工作原理与你描述的非常接近。

相关文章：