jQuery를 사용하여 텍스트 설명으로 선택 컨트롤의 선택된 값을 어떻게 설정할 수 있습니까?

jQuery: 텍스트 설명으로 선택 컨트롤의 선택된 값 설정

이 시나리오에서는 값 대신 텍스트 설명을 기반으로 jQuery를 사용하여 컨트롤을 선택합니다. $("#my-select").val(myVal)을 사용하여 값으로 설정하는 것은 간단하지만 텍스트 설명을 통해 그렇게 하는 방법을 찾습니다.

jQuery 버전 1.6 이상의 경우 다음을 수행할 수 있습니다. 다음 접근 방식을 활용합니다.

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

이 솔루션은 필터 기능을 활용하여 텍스트 노드를 순회하여 일치하는 텍스트가 있는 옵션 요소를 선택합니다. 그런 다음 일치하는 요소의 selected 속성을 true로 설정하여 사실상 selected 옵션으로 설정합니다.

위 내용은 jQuery를 사용하여 텍스트 설명으로 선택 컨트롤의 선택된 값을 어떻게 설정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!