выберите пункт меню сбрасывается по умолчанию не может

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"); 
} 

Когда я выбираю первый переключатель Я хотел бы второй выберите ниспадающее меню, чтобы отобразить Option Value, которое по умолчанию один и это работает, как ожидается, во всех других браузерах, кроме IE9, который отображает пустой в Выбор идентификатора = значение право. Что мы можем сделать, чтобы сделать это правильно в IE9? :)

Вот что я пытался

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

Но я мог видеть любой хороший результат от этого куска. :(

Answer 1

Чтобы установить значение избранная в JQuery, то легко способ заключается в использовании функции val()

. Например:

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

В вашем случае, я думаю, вы можете просто использовать:

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