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采用＆＃34; maxOptions＆＃34;的选项参数提供你想要的东西。

例如：

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

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

1 个答案: