select2 搜索从 ajax 检索，同时保留默认选项

Question

我正在尝试将一组数据预加载到 select2 下拉列表中，但我想包含此功能，以便我可以通过 ajax 或本地 javascript 数组搜索数据，同时保留预加载到下拉列表中的选项。

我知道我们可以通过 ajax 或 javascript单独加载 select2 下拉列表，但我想知道我们是否可以将这两个函数组合在一起。我在网上找不到任何类似的例子，想知道以前是否有人这样做过。

Answer 1

您可以使用ajax.processResults 选项将预加载的选项与从 ajax 返回的选项连接起来。例如：

$('#yourSelect').select2({
  ajax: {
    url: 'your-api',
    processResults: function (data) {
      return {
        // Just for example, data is an array of options returned from ajax
        results: [{id: '', text: 'Choose an option'}, ...data];
      };
    }
  }
});