阻止在select2单击时调用ajax

Prevent ajax call on select2 click

本文关键字：调用 ajax 单击 select2      更新时间：2023-09-26

单击select2用户界面元素时，如何阻止ajax调用检索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 };
  }
}

您必须更改minimumInputLength属性。

这样改：

minimumInputLength: 1,

ajax请求是在输入长度>=minimumInputLength时完成的。因此，当minimumInputLength=0时，select2将使用ajax检索数据，这是合乎逻辑的：）

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

相关文章：