2012-03-29 23 views
0

は私が私のドロップダウンオプションボックスは、ここで値(第1グループの名前)選択メニュー項目は

<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を使って少し問題を抱えている失敗した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"); 
} 

私はデフォルトのものであるオプション値を表示するための第2の選択のドロップダウンをしたいと思いますし、IDの選択で空白表示IE9を除く他のすべてのブラウザで期待どおりに、この作品最初のラジオボタンを選択= val-right。私たちはIE9でそれを正しくするために何ができますか? :)ここで

は私が

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

を試してみました。しかし、私はその部分から任意の良い結果を見ることができるものです。 :(

答えて

1

簡単な方法ですval()機能を使用

例えば、jQueryの中の選択の値を設定するには:あなたのケースで

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

を、私はあなただけを使用することができると思います。

$('#val-left, #val-right').val(''); 
関連する問題