jQuery - 텍스트 내용을 통해 select의 value를 설정하는 방법

질문 : jQuery-텍스트 설명을 통해 선택 컨트롤의 선택된 값 설정

---

선택 컨트롤이 있고 javascript 변수에 텍스트 문자열이 있습니다.

jQuery를 사용하여 선택 컨트롤의 선택된 요소를 내가 가지고있는 텍스트 설명이있는 항목으로 설정하고 싶습니다 (내가 가지고 있지 않은 값과 반대).

나는 그것을 가치로 설정하는 것이 매우 사소하다는 것을 알고 있습니다. 예 :

$("#my-select").val(myVal);

그러나 나는 텍스트 설명을 통해 그것을하는 것에 약간 난처합니다. 텍스트 설명에서 가치를 알아낼 수있는 방법이있을 것 같지만, 제 두뇌는 금요일 오후에 너무 많아서 해결할 수 없습니다.

답변

---

jQuery 1.6 이하 1.4 이상 버전

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

<select>
  <option value="0">One</option>
  <option value="1">Two</option>
</select>

이 접근 방식은 1.6 이상 1.9 미만 버전에서 작동하지만 1.6부터 사용되지 않습니다. jQuery 1.9 이상 에서는 작동하지 않습니다.

val() 은 두 경우를 모두 처리해야합니다.

이전 버전

$('select').val('1'); // selects "Two"
$('select').val('Two'); // also selects "Two"

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<select>
  <option value="0">One</option>
  <option value="1">Two</option>
</select>

출처 : https://stackoverflow.com/questions/496052/jquery-setting-the-selected-value-of-a-select-control-via-its-text-description