仅在输入至少一个字母后才使 select2 下拉菜单下拉

Posted

技术标签:

【中文标题】仅在输入至少一个字母后才使 select2 下拉菜单下拉【英文标题】:make select2 dropdown only drop down after at least one letter is typed 【发布时间】:2017-01-28 04:18:05 【问题描述】:

我有一个表单输入,我使用 select2 来使用标签/下拉菜单。它有一个 tag_list 的 id 并使用这个 jquery:

$('#tag_list').select2(
    placeholder: 'a short description of what this content explains',
    tags: true
);

现在发生的情况是,当用户单击输入框时,会导致光标出现在框的开头,然后会出现一个下拉菜单,其中包含所有创建的标签。用户可以输入,下拉菜单将根据用户输入的内容过滤结果,或者用户可以创建新标签。

我想知道:我是否可以让下拉菜单仅在至少输入一个(或 n)个字母后才出现?

【问题讨论】:

【参考方案1】:

你可以通过将 minimumInputLength 传递给你想要的数字来做到这一点。

$('#tag_list').select2(
    placeholder: 'a short description of what this content explains',
    minimumInputLength: 2,
    tags: true
);

在这里结帐示例。

http://select2.github.io/select2/

【讨论】:

谢谢!您知道是否有办法删除“请输入 2 或更多..”? 这是插件的默认功能。你可以检查它的类并用css隐藏它。 明白谢谢。我还是前端开发的新手:S put .select2-no-resultsdisplay:none; 但你也不会在显示中看到找不到匹配的文本。 但是当没有找到匹配项时,无论如何都会将其添加到数据库中

以上是关于仅在输入至少一个字母后才使 select2 下拉菜单下拉的主要内容,如果未能解决你的问题,请参考以下文章

用户输入3个数据后如何显示select2

Select2 预加载数据

Select2 在焦点文本输入上打开下拉菜单

select2的使用(ajax获取数据)

Select2 搜索输入在打开时未获得焦点

复选框输入是不是仅在选中后才发布数据?