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

Question

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

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

标签： javascriptjquery-select2

Answer 1

您可以使用ajax.processResultsoption 将预加载的选项与从 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];
      };
    }
  }
});