我尝试使用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
,但这产生了相同的结果(数据设置正确,但用户界面未更新)
答案 0 :(得分:0)
试试这个:
<select id="active-drop" name="active">
<option class="selected" value="true">Aktiv</option>
<option value="false"> Inaktiv </option>
</select>
这个
$(".selected").prop("selected",true);
答案 1 :(得分:0)
正如图沙尔所说:
$('#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>
答案 2 :(得分:0)
使用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>