使用 selectize.js 在下拉列表中仅显示三个输入

Question

我正在使用 selectize.js 作为一个不错的下拉列表，但是我试图在它下拉时只显示三个结果，而不是我得到的全部 20 个结果。因此，当用户想要找到他需要输入的内容时，除非他们是前三个之一。我还是 Javascript 的新手，在其他有帮助的问题中找不到答案。我把我的相关代码放在下面。非常感谢！！

HTML

<div class="field">
   <%= f.label :homecity, "Home Town" %><br>
   <%= f.select :homecity_id, Homecity.all.pluck(:Hometown, :id), {}, { class: "selectize1" } %>
</div>

Edit.js

$(document).on("turbolinks:load", function() {
var selectizeCallback = null;
$(".homecity-modal").on("hide.bs.modal", function(e) {
if (selectizeCallback != null) {
  selectizeCallback();
  selecitzeCallback = null;
}

$("#new_homecity").trigger("reset");
$.rails.enableFormElements($("#new_homecity"));
});
$(".selectize1").selectize({

create: function(input, callback) {
  selectizeCallback = callback;


  $(".homecity-modal").modal();
  $("#homecity_Hometown").val(input);
}
})
});

Answer 1

selectize 为 "maxOptions" 提供一个选项参数，提供你想要的。

例如：

$(“.selectize1”).selectize({maxOptions: 3});