wählen Sie den Menüpunkt Einstellungen zurücksetzen nicht

Question

ich ein kleines Problem mit Jquery haben in dem ich meine Drop-Down-Option Box mag zurückgesetzt werden auf den Standardwert (den Namen der ersten Gruppe)

<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> 

und hier ist jquery Code

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

als ich das erste Optionsfeld auswählen würde ich das zweite Auswahl Dropdown wie der Optionswert angezeigt wird standardmäßig und das funktioniert in allen anderen Browsern außer IE9 wie erwartet, die von ID in der Auswahl leer angezeigt = val-rechts. Was können wir tun, um es in IE9 richtig zu machen? :)

Hier ist, was ich

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

versucht, aber ich konnte etwas Gutes Ergebnis von diesem Stück sehen. :(

Answer 1

Um den Wert eines ausgewählten in jQuery eingestellt, die leicht Art und Weise ist die val() Funktion

. Zum Beispiel:

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

In Ihrem Fall, ich glaube, Sie nur verwenden können:

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