在选择框上至少有一个字符之前不要显示下拉菜单

Posted 2023-05-07

【中文标题】在选择框上至少有一个字符之前不要显示下拉菜单

【英文标题】：Do not show a drop down menu until there's at least one character on the select box

【发布时间】：2014-10-16 06:19:45

【问题描述】：

我一直在使用select 2 jquery 插件，包括“select2-rails”gem。

我所做的唯一更改是在 html 页面加载时初始化插件：

<script>
$( document ).ready(function() 
  $("#e2").select2();
);
</script>

然后我将 e2 值分配给视图文件中的 select_tag 输入：

<%= select_tag :skills, options_for_select(Skill.all.collect|e| [e.name,e.id], @skills), :id => 'e2', :multiple => true  %>

当用户单击输入时，它会自动显示一个下拉列表，其中包含供用户选择的选项。我认为如果用户在下拉列表出现之前先开始输入会更好（作为 Chrome 浏览器）。

我检查了documentation 并没有找到任何有用的东西。我确信一定有我遗漏的东西。有什么想法吗？

【参考方案1】：

您可以通过使用选项minimumInputLength 来完成此操作，如下所示：

<script>
$( document ).ready(function() 
    $("#e2").select2(
        minimumInputLength: 1
    );
);
</script>