阻止 ajax 调用 select2 单击

Question

如何防止 ajax 在单击 select2 用户界面元素时调用检索 select2 下拉项？我只想在搜索框中输入时检索 select2 下拉项目。非常感激任何的帮助。

$("#ddlItems").select2({
  minimumInputLength: 0,
  width: '450px',
  allowClear: true,
  placeholder: "Select",
  id: function (data) { return { id: data.Id }; },
  ajax: { 
    quietMillis: 150,
    url: getDataUrl,
    dataType: 'json',
    quietMillis: 100,
    global: false,
    data: function (term, page) {
      return {
        clientId: $("#clientID").val(),
        pageSize: 20,
        pageNum: page,
        searchTerm: term
      };
  },
  results: function (data, page) { 
      return { results: data.items, more: data.isSearchRemaining };
  }
}

Answer 1

您必须更改 minimumInputLength 属性。

改成这样:

minimumInputLength: 1,

当您的输入长度 >= minimumInputLength 时，ajax 请求完成。因此合乎逻辑的是，当 minimumInputLength = 0 时，select2 将使用 ajax :)

检索数据

这里有一个例子：https://select2.github.io/examples.html#data-ajax

阻止 ajax 调用 select2 单击

Prevent ajax call on select2 click

javascript

jquery

select2