jQuery를 사용하여 텍스트 설명으로 드롭다운 옵션을 선택하는 방법은 무엇입니까?

jQuery를 사용하여 텍스트 설명으로 선택한 드롭다운 옵션 설정

웹 개발 영역에서는 선택 항목 내에서 요소를 선택합니다. 텍스트 설명을 기반으로 한 제어가 자주 발생합니다. 값으로 옵션을 설정하는 것은 간단하지만 주어진 텍스트 설명에 해당하는 값을 찾는 것은 어려울 수 있습니다.

쿼리의 발생

필요 이 기능은 JavaScript 변수가 텍스트 문자열을 보유하는 상황에서 비롯되며, 목표는 텍스트가 이 문자열과 일치하는 드롭다운 옵션을 선택하는 것입니다. $("#my-select").val(myVal) 구문을 활용하는 값 ​​기반 선택과 달리 이 작업에는 더 복잡한 접근 방식이 필요합니다.

수수께끼 풀기

jQuery 버전 1.6 이상의 경우 해결 방법은 filter() 및 prop() 메서드를 활용하는 것입니다. filter() 메서드는 선택 컨트롤 내의 모든 옵션을 조사하여 해당 텍스트 설명을 원하는 문자열과 비교합니다. 그런 다음 결과 요소는 prop() 메서드의 대상이 되어 selected 속성을 true로 설정합니다.

구현 예

두 가지 옵션이 있는 선택 컨트롤을 생각해 보세요. '하나'와 '둘'. 다음 코드는 텍스트 기반 접근 방식을 사용하여 'Two' 텍스트가 있는 옵션을 선택하는 방법을 보여줍니다.

<code class="javascript">var text1 = 'Two';
$("select option").filter(function() {
  //may want to use $.trim in here
  return $(this).text() == text1;
}).prop('selected', true);</code>

이 코드는 텍스트를 기반으로 드롭다운 목록 내에서 'Two' 옵션을 효과적으로 선택합니다. 그 가치를 모른 채 설명합니다.

위 내용은 jQuery를 사용하여 텍스트 설명으로 드롭다운 옵션을 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!