使用 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});

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

Display only three inputs in your dropdown using selectize.js

javascript

ruby-on-rails

ruby-on-rails-5

selectize.js