不能 select 选项与 Javascript
Cannot select option with Javascript
我正在尝试 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 未更新)
试试这个:
<select id="active-drop" name="active">
<option class="selected" value="true">Aktiv</option>
<option value="false"> Inaktiv </option>
</select>
还有这个
$(".selected").prop("selected",true);
正如 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>
使用 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 的下拉列表选项。我的 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 未更新)
试试这个:
<select id="active-drop" name="active">
<option class="selected" value="true">Aktiv</option>
<option value="false"> Inaktiv </option>
</select>
还有这个
$(".selected").prop("selected",true);
正如 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>
使用 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>