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

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('');