通过javascript设置多个Select2元素的数据

可以通过以下步骤实现：

首先，确保你已经引入了Select2库和相关的依赖文件。你可以在Select2的官方网站上下载最新版本的库文件，并将其引入到你的项目中。
在HTML文件中，为每个需要设置数据的Select2元素添加一个唯一的ID或类名，以便在javascript中进行选择。
在javascript中，使用document.getElementById()或document.getElementsByClassName()等方法选择所有需要设置数据的Select2元素。你也可以使用jQuery选择器来选择元素。
对于每个选择的元素，使用Select2的相关方法来设置数据。你可以使用data()方法将数据绑定到元素上，或者使用ajax()方法从服务器获取数据。
如果你使用data()方法，你可以通过传递一个包含选项值和文本的数组来设置数据。例如：

var data = [
  { id: 1, text: 'Option 1' },
  { id: 2, text: 'Option 2' },
  { id: 3, text: 'Option 3' }
];

$('#select1').select2().empty().select2({ data: data });
$('#select2').select2().empty().select2({ data: data });

如果你使用ajax()方法，你需要提供一个URL来获取数据。例如：

$('#select1').select2().empty().select2({
  ajax: {
    url: 'https://example.com/data',
    dataType: 'json',
    processResults: function (data) {
      return {
        results: data
      };
    }
  }
});

$('#select2').select2().empty().select2({
  ajax: {
    url: 'https://example.com/data',
    dataType: 'json',
    processResults: function (data) {
      return {
        results: data
      };
    }
  }
});