さまざまなバージョンの jQuery Select2 で選択された値を設定する方法?-PHPチュートリアル-php.cn

さまざまなバージョンの jQuery Select2 で選択された値を設定する方法?

Mary-Kate Olsen

リリース： 2024-10-31 19:27:01

オリジナル

753 人が閲覧しました

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

jQuery Select2 で選択した値を設定

Select2 バージョン V4 以降

Select2 バージョン 4 以降では、事前に選択したオプションを直接追加できますselect 要素へ:

<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 より下の Select2 バージョン

HTML:

<code class="html"><input name="mySelect2" type="hidden" id="mySelect2"></code>

ログイン後にコピー

Select2 インスタンスの作成:

<code class="js">$("#mySelect2").select2({
   placeholder: "My Select 2",
   multiple: false,
   minimumInputLength: 1,
   ajax: {...},
   ...
});</code>

ログイン後にコピー

選択した値の設定:

<code class="js">$("#mySelect2").select2('data', { id:"elementID", text: "Hello!" });</code>

ログイン後にコピー

非 AJAX 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>

ログイン後にコピー

以上がさまざまなバージョンの jQuery Select2 で選択された値を設定する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。