select2 单选回显

select2是一种常用的下拉菜单选择插件，可以用来实现单选回显的功能。在使用select2插件时，需要先引入相关的CSS和JS文件。

首先，我们需要定义一个 select 元素，并设置一个唯一的 id:

<select id="mySelect" style="width:300px;">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

接下来，在脚本文件中调用 select2() 方法来初始化 select2 插件：

$(document).ready(function(){
  $('#mySelect').select2();
});

这样就完成了select2的初始化。

如果要实现单选回显的功能，我们只需要在 select2 方法中设置一个默认的选项值即可：

$(document).ready(function(){
  $('#mySelect').select2().val("2").trigger("change");
});

以上代码中，val() 方法用于设置选中的值为 "2"，trigger() 方法用于触发 change 事件，从而使得选中的值显示在下拉菜单中。

通过以上的操作，我们就可以实现 select2的单选回显功能了。