如何在 Select2 中预先选择值：版本 4 及以下版本的指南？

如何在 Select2 中选择一个值？

Select2 是一个 jQuery 插件，提供可自定义的选择框小部件。在本文中，我们将探讨如何在 Select2 中设置预选值。

Select2

版本 4

1. HTML:
首先，将 Select2 输入字段定义为隐藏字段，其 ID 为：

<code class="html"><input type="hidden" name="programid" id="programid" class="width-500"></code>

2. 初始化 Select2：
创建 Select2 的实例并为其配置必要的选项，包括用于检索数据的 AJAX 调用。
3. 设置预选值：
使用 select2 ('data', { id: "selectedID", text: "selectedText" }) 方法设置选定值。

Select2 版本 4 及以上

适用于 Select2 v4 和与上面的方法略有不同：

1. HTML:
将 Select2 输入字段定义为带有选项和 selected 属性的标准选择元素：

<code class="html"><select id="mySelect2" name="mySelect2[]">
  <option value="TheID" selected="selected">The text</option>                                                                   
</select></code>

2. 附加选项：
要在初始化后设置值，您可以将预先选择的选项附加到 Select2 字段：

<code class="javascript">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text");
$("#mySelect2").append($newOption).trigger('change');</code>

3. 使用 val() 方法：
或者，您可以使用 val() 方法，然后使用 .trigger('change') 来设置值：

<code class="javascript">$("#mySelect2").val(5).trigger('change');</code>

这些方法提供一种在 Select2 中设置预选值的简单方法，无论您使用的是什么版本。

以上是如何在 Select2 中预先选择值：版本 4 及以下版本的指南？的详细内容。更多信息请关注PHP中文网其他相关文章！