다양한 버전에 대해 jQuery Select2에서 선택한 값을 설정하는 방법은 무엇입니까?-PHP 튜토리얼-php.cn

다양한 버전에 대해 jQuery Select2에서 선택한 값을 설정하는 방법은 무엇입니까?

Mary-Kate Olsen

풀어 주다： 2024-10-31 19:27:01

원래의

748명이 탐색했습니다.

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 이하의 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!