select2加载本地数据

可以使用Select2的data选项来加载本地数据。以下是一个示例：

HTML：

<select id="mySelect"></select>

JavaScript：

var data = [
  { id: 1, text: 'Apple' },
  { id: 2, text: 'Banana' },
  { id: 3, text: 'Cherry' },
  { id: 4, text: 'Durian' },
];

$('#mySelect').select2({
  data: data,
});

上面的代码将在选择框中加载4个本地选项。每个选项都有一个id和一个文本，Select2将使用文本作为显示值，id作为值。

要在选择框中显示默认值，请将id作为初始值传递给select2：

$('#mySelect').select2({
  data: data,
  placeholder: 'Select a fruit',
  minimumResultsForSearch: Infinity,
  allowClear: true,
  dropdownAutoWidth: true,
  width: '100%',
  templateResult: function(data) { return data.text; },
  templateSelection: function(data) { return data.text; },
  language: {
    noResults: function() { return 'No results found'; },
  },
  initSelection: function(element, callback) {
    var id = $(element).val();
    var item = data.find(function(i) { return i.id == id; });
    callback(item);
  },
});

上面的代码还使用了Select2的其他选项来自定义选择框的外观和行为。initSelection选项用于选择初始选项。在这个例子中，我们查找具有与初始值相同id的项，并将其传递给回调函数。