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

Question

我有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，它显示在选择ID的空白所有其他的浏览器= VAL-右。我们能做些什么才能在IE9中正确使用？ :)

这是我曾尝试

$("select :first-child").each(function() { 
    $(this).attr("selected", true); 
}); 

但我能看到那块任何好的结果。 :(

Answer 1

要设置选择的值jQuery中，将很容易的方式是使用val()功能

例如：

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

在你的情况，我想你可以使用：

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