如何在 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中文網其他相關文章！