Javascriptでオプションを選択できません

Question

Javascriptを使用してドロップダウンリストのオプションを選択しようとしています。

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

、私のJavascriptが次のようになります。：私のHTMLは次のように見えるここ

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

問題であり、属性がうまく設定されているが、UIも更新isn'z。

はところで私はすでに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>

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>