不能 select 选项与 Javascript

Question

我正在尝试 select 使用 Javascript 的下拉列表选项。我的 html 如下所示：

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

我的 Javascript 看起来像这样：

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

这里的问题是，属性设置得很好，但是 UI 没有相应更新。

顺便说一句，我已经尝试使用 selectedIndex 但这产生了相同的结果（数据设置正确但 UI 未更新）

Answer 1

试试这个：

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

还有这个

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

Answer 2

正如 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 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>

不能 select 选项与 Javascript

Cannot select option with Javascript

javascript

jquery

html

html-select