我对jquery有一点问题,我希望将我的下拉选项框重置为默认值(第一组的名称)
<input id="leftv" name="n" type="radio" onclick="chooseLeft('val-');" />
<label for="leftv">left</label>
<input id="rightv" name="n" type="radio" onclick="chooseRight('val-');" />
<label for="rightv">right</label>
<select id="val-left">
<option value="">Option Value</option>
<optgroup label="Main Value">
<option class="br" value="s">Main1</option>
<option class="br" value="o">Main2</option>
</optgroup>
<optgroup label="Sub value">
<option class="br" value="v1">value1</option>
<option class="br" value="v2">value2</option>
</optgroup>
</select>
<select id="val-right">
<option value="">Option Value</option>
<optgroup label="Main Value">
<option class="br" value="s">Main1</option>
<option class="br" value="o">Main2</option>
</optgroup>
<optgroup label="Sub value">
<option class="br" value="v1">value1</option>
<option class="br" value="v2">value2</option>
</optgroup>
</select>
这里是jquery代码
function choose_Left(val){
$('#' + val + '-left').attr("selected", false);
$('.selected', 'div#' + left + '-valtable').removeClass('selected');
$('#' + val + '-valtable span').text("Option Main");
$('#' + val + '-left').attr("selected", false);
$('.selected', 'div#' + left + '-valtable').removeClass('selected');
$('#' + val + '-valtable span').text("Option Value");
}
当我选择第一个单选按钮时,我希望第二个选择下拉列表显示选项值,这是默认值,并且除了IE9之外的所有其他浏览器中都可以正常工作,IE9在选择id = val-right时显示空白。我们可以做些什么来使其在IE9中正确? :)
这是我试过的
$("select :first-child").each(function () {
$(this).attr("selected", true);
});
但是我可以从那件作品中看到任何好结果。 :(
答案 0 :(得分:1)
要在jQuery中设置select的值,可以轻松使用val()函数。
例如:
$('select.classname').val('the-value');
在您的情况下,我认为您可以使用:
$('#val-left, #val-right').val('');