자바 스크립트로 옵션을 선택할 수 없습니다.

Question

자바 스크립트를 사용하여 드롭 다운 목록의 옵션을 선택하려고합니다.

<select id="active-drop" name="active"> 
    <option value="true">Aktiv</option> 
    <option value="false"> Inaktiv </option> 
</select> 

를 내 자바 스크립트는 다음과 같습니다 : 내 HTML은 다음과 같습니다

여기

$("#active-drop option[value='true']").attr("selected",true); 
$("#active-drop option[value='false']").attr("selected",false); 

문제는, 속성이 잘 설정되어 있지만 UI 그에 따라 업데이트 isn'z.

은 BTW 난 이미 selectedIndex를 사용하여 시도하지만이 (데이터가 올바르게 설정되어 있지만, UI가 업데이트되지 않습니다)

Answer 1

Tushar가 말한 것처럼 :

$('#active-drop [value="true"]').prop('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="active-drop" name="active"> 
 
    <option value="">Just to prove it</option> 
 
    <option value="true">Aktiv</option> 
 
    <option value="false"> Inaktiv </option> 
 
</select>

,739,

Answer 2

같은 결과를 산출이 시도 :

<select id="active-drop" name="active"> 
    <option class="selected" value="true">Aktiv</option> 
    <option value="false"> Inaktiv </option> 
</select> 

그리고이

$(".selected").prop("selected",true); 

을

Answer 3

jQuery를 사용하여이 하나를 시도해보십시오 :

$('#active').val('ab');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="active" name="active"> 
 
    <option value="ab">Aktiv</option> 
 
    <option value="cs">Inaktiv</option> 
 
</select>