如何在 jQuery Select2 下拉列表中设置所选值？

如何设置 jQuery Select2 的选定值？

Select2 是一个强大的 jQuery 插件，用于创建可搜索、可标记和多值选择框。本指南概述了在 Select2 实例中设置特定值的三种方法，具体取决于所使用的版本（v4 之前或 v4 及更高版本）。

Select2

Select2

v4
创建一个空输入字段：
2. 添加一个 type 属性设置为“hidden”且 id 属性与 Select2 实例对应的元素。
初始化 Select2:
3. 使用 select2() 方法创建一个 Select2 实例，传入实例所需的选项。
设置所选值：

使用 select2('data', { id: "", text: "" }) 方法设置所选值。指定要选择的项目的 ID 以及任何关联的文本。

Select2 v4 或以上

对于 HTML 选择：

附加所选选项：
2. 添加 selected 属性设置为“selected”的元素，并指定所需的值和文本。
触发更改事件：

使用触发器（'change'）使用新的值更新 Select2 实例

对于非 HTML 选择 (JQuery)：

创建一个新选项：
2. 使用 jQuery $ ('') 语法来创建新的 具有所需值和文本的元素。
附加并触发更改：

使用append()将新选项附加到Select2实例，并使用trigger('change')触发更改事件。

设置简单值：

使用 val(value).trigger('change') 设置简单值，而无需创建新选项。

示例：

<code class="javascript">$('#mySelect2').select2('data', { id: '5', text: 'Option 5' });</code>

此代码将 ID 为“5”的选项和文本“Option 5”设置为在 ID 为 Select2 的实例中选择的选项“mySelect2。”

以上是如何在 jQuery Select2 下拉列表中设置所选值？的详细内容。更多信息请关注PHP中文网其他相关文章！