如何更改select2 onload选项的值？

select2是一个基于jQuery的下拉选择框插件，可以提供更好的用户体验和功能扩展。在更改select2的onload选项值时，可以通过以下步骤实现：

首先，确保已经引入了jQuery和select2的相关文件。可以通过以下方式引入：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0/js/select2.min.js"></script>

在HTML中创建一个select元素，并添加一个唯一的ID，用于后续的操作。例如：

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

使用JavaScript代码初始化select2插件，并设置相关的选项。例如：

$(document).ready(function() {
  $('#mySelect').select2({
    // 设置选项
  });
});

在初始化完成后，可以通过以下方式更改select2的选项值：

// 获取select2的实例
var select2Instance = $('#mySelect').data('select2');

// 清空当前选项
select2Instance.val(null).trigger('change');

// 添加新的选项
var newOption = new Option('新选项', 'value');
select2Instance.append(newOption);

// 设置默认选中的值
select2Instance.val('value').trigger('change');

以上代码中，通过select2Instance.val(null).trigger('change')清空当前选项，然后通过select2Instance.append(newOption)添加新的选项，最后使用select2Instance.val('value').trigger('change')设置默认选中的值。