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"><ol start="2">
<li>
<strong>Select2 초기화:</strong> Select2의 인스턴스를 생성하고 데이터 검색을 위한 AJAX 호출을 포함하여 필요한 옵션으로 구성합니다.</li>
<li>
<strong>미리 선택된 값 설정:</strong> select2를 사용합니다. ('data', { id: "selectedID", text: "selectedText" }) 메서드를 사용하여 선택한 값을 설정합니다.</li>
</ol>
<h3>Select2 버전 4 이상</h3>
</h3>
<p>Select2 v4 및 위의 접근 방식은 약간 다릅니다.</p>
<ol><li>
<strong>HTML:</strong> Select2 입력 필드를 옵션과 선택된 속성이 있는 표준 선택 요소로 정의합니다.</li></ol>
<pre class="brush:php;toolbar:false"><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 중국어 웹사이트의 기타 관련 기사를 참조하세요!