Select2 标签设置值 jQuery

Select2 是一个强大、灵活且可定制的 jQuery 插件，它可以将常规的下拉框转换成一个更好的、可搜索的下拉框，支持多选、分组、异步加载数据等功能。本文将介绍如何使用 jQuery 在 Select2 组件中设置默认值。

设置 Select2 的默认值

当我们需要初始化 Select2 组件的时候，可以通过设置 value 属性来设置默认值。但是在某些情况下，可能需要动态地设置默认值，比如根据用户选择的数据来初始化下拉框。这时我们就需要使用 jQuery 的 val() 方法来设置 Select2 的默认值。

假设我们有如下 HTML 代码：

<select class="select2" multiple="multiple" name="colors[]">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

我们可以使用下面的代码来初始化 Select2，并设置默认选中项为 "red" 和 "blue"：

$(".select2").select2();

$(".select2").val(["red", "blue"]).trigger("change");

上述代码中，val(["red", "blue"]) 方法设置选中项为 "red" 和 "blue"，trigger("change") 方法触发 change 事件以更新 Select2 组件的状态。

值得注意的是，在设置 Select2 的默认值时，需要先初始化 Select2 组件，然后再使用 val() 方法设置默认值，最后触发 change 事件。

参考链接

• Select2 官方文档
• jQuery val() 方法