在选择框中至少有一个字符之前，请勿显示下拉菜单

Question

我一直在使用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并没有找到任何对此有帮助的内容。我相信一定有我遗失的东西。有什么想法吗？

Answer 1

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

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