选择菜单项重置为默认失败

时间:2012-03-29 05:52:21

标签: javascript jquery html html5

我对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);
});

但是我可以从那件作品中看到任何好结果。 :(

1 个答案:

答案 0 :(得分:1)

要在jQuery中设置select的值,可以轻松使用val()函数。

例如:

$('select.classname').val('the-value');

在您的情况下,我认为您可以使用:

$('#val-left, #val-right').val('');