如何在 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 選擇：

附加選項：
附加選項：

附加選選項：

新增選項：

1. 附加選項：新增選項：
附加選項：
2. 新增選項：附加選選項：
selected 屬性設定為「selected」的元素，並指定所需的值和文字。

觸發變更事件： 使用觸發器（'change'）使用新的值更新Select2 實例

對於非HTML 選擇(JQuery) ：

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

建立一個新選項：

使用jQuery $ ('') 語法來建立新的 具有所需值和文字的元素。 附加並觸發變更：使用append()將新選項附加到Select2實例，並使用trigger('change')觸發變更事件。 設定簡單值：使用 val(value).trigger('change') 設定簡單值，而無需建立新選項。 範例：此程式碼將ID 為「5」的選項和文字「Option 5」設定為在ID 為Select2 的實例中所選的選項“mySelect2。”

以上是如何在 jQuery Select2 下拉清單中設定所選值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！