jQuery를 사용하여 선택 설정

Question

이 목록에서 선택한 옵션을 변경하려고합니다. 일부만 작동하고 다른 일부는 작동하지 않습니까?

selectedVal 켈리 녹색, 해군 등이 될 것입니다 중 ...

var selectedVal = $(this).text(); 

$("#product-variants-option-0 option[text=" + selectedVal+"]").attr("selected","selected") ; 

이 선택 목록은 다음과 같습니다 대신 선택의 텍스트

<select class="single-option-selector" id="product-variants-option-0"> 
<option value="Gunmetal Heather">Gunmetal Heather</option> 
<option value="Kelly Green">Kelly Green</option> 
<option value="Navy">Navy</option> 
</select> 

Answer 1

를 사용하여 값 속성입니다. 즉이 :

$("#product-variants-option-0 option[value=" + selectedVal+"]").attr("selected","selected") ; 

Answer 2

<select> 요소의 선택 옵션을 설정하는 매우 간단한 방법이있다.

는 그냥 <select> 자체에 대한 jQuery's .val() method 전화 :

이

$("#product-variants-option-0").val(selectedVal);