jQuery Select2 드롭다운에서 선택한 값을 어떻게 설정합니까?

jQuery Select2의 선택된 값을 설정하는 방법은 무엇입니까?

Select2는 검색 가능하고 태그 지정 가능하며 다중 값 선택 상자를 생성하기 위한 강력한 jQuery 플러그인입니다. 이 가이드에서는 사용 중인 버전(v4 이전 또는 v4 이상)에 따라 Select2 인스턴스 내에서 선택된 특정 값을 설정하는 세 가지 방법을 간략하게 설명합니다.

Select2

1. 빈 입력 필드 만들기: type 속성이 "hidden"으로 설정되고 id 속성이 Select2 인스턴스에 해당하는 요소입니다.
2. Select2 초기화: select2() 메서드를 사용하여 Select2 인스턴스를 생성하고 인스턴스에 대해 원하는 옵션을 선택합니다.
3. 선택한 값 설정: select2('data', { id: "", text: "" }) 방법을 사용하여 선택한 값을 설정합니다. 선택할 항목의 ID와 관련 텍스트를 지정하세요.

Select2 v4 이상

HTML 선택의 경우:

1. 선택한 옵션 추가: 선택한 속성이 "selected"로 설정된 요소를 선택하고 원하는 값과 텍스트를 지정합니다.
2. 변경 이벤트 트리거: Trigger('change')를 사용하여 Select2 인스턴스를 새 항목으로 업데이트합니다. value.

HTML이 아닌 선택(JQuery)의 경우:

1. 새 옵션 만들기: jQuery $ 사용 ('') 구문을 사용하여 새로운 원하는 값과 텍스트가 있는 요소.
2. 추가 및 변경 트리거: Append()를 사용하여 Select2 인스턴스에 새 옵션을 추가하고 Trigger('change')를 사용하여 변경 이벤트를 트리거합니다.

단순 값 설정:

새 옵션을 만들지 않고 단순 값을 설정하려면 val(value).trigger('change')를 사용하세요.

예:

<code class="javascript">$('#mySelect2').select2('data', { id: '5', text: 'Option 5' });</code>

이 코드는 ID가 "5"인 옵션과 ID가 있는 Select2 인스턴스 내에서 선택된 텍스트 "Option 5"를 설정합니다. "mySelect2."

위 내용은 jQuery Select2 드롭다운에서 선택한 값을 어떻게 설정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!