Question

我尝试使用Javascript选择Dropdownlist的选项。我的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没有相应更新。

btw我已经尝试使用selectedIndex，但这产生了相同的结果（数据设置正确，但用户界面未更新）

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

正如图沙尔所说：

$('#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>

无法使用Javascript选择选项

3 个答案: