首頁 > 後端開發 > php教程 > 如何在 jQuery Select2 中為不同版本設定選取值?

如何在 jQuery Select2 中為不同版本設定選取值?

Mary-Kate Olsen
發布: 2024-10-31 19:27:01
原創
747 人瀏覽過

How to Set Selected Values in jQuery Select2 for Different Versions?

在jQuery Select2 中設定選取值

Select2 版本V4 以上

在Select2 版本4 以上版本中,您可以直接附加預選選項到您的選擇元素:

<code class="html"><select id="myMultipleSelect2" multiple="" name="myMultipleSelect2[]">
    <option value="TheID" selected="selected">The text</option>                                                                   
</select>
</code>
登入後複製

使用jQuery:

<code class="js">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text")

$("#myMultipleSelect2").append($newOption).trigger('change');</code>
登入後複製

選擇V4 以下的2 版本

  1. <code class="html"><input name="mySelect2" type="hidden" id="mySelect2"></code>
    登入後複製
  2. <code class="js">$("#mySelect2").select2({
       placeholder: "My Select 2",
       multiple: false,
       minimumInputLength: 1,
       ajax: {...},
       ...
    });</code>
    登入後複製
  3. <code class="js">$("#mySelect2").select2('data', { id:"elementID", text: "Hello!" });</code>
    登入後複製

建立Select2 實例:
<code class="html"><select name="mySelect2" id="mySelect2">
  <option value="0">One</option>
  <option value="1">Two</option>
  <option value="2">Three</option>
</select></code>
登入後複製
<code class="js">$('[name=mySelect2]').val("0"); // Select "One"
$("#mySelect2").select2("val", "0"); // Equivalent</code>
登入後複製
定值: 非AJAX Select2

以上是如何在 jQuery Select2 中為不同版本設定選取值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板