変数の値とセレクトボックスの初期選択を合わせる。

Question

お世話になります。
現在、時(0～23)と分(0～59)がそれぞれはいったセレクトボックスを用意しています。
これを変数hourとminの中身をチェックして、変数と同じものを選択状態として表示させたいのですが、どういった方法で実現できるでしょうか？

hour=10;
min=30;

↓上記の場合

セレクトボックスの選択状態が「10」と「30」となるようにしたいです。

Comments

[kei344]

ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

<select id="hour">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>

<select id="min">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>

var hour = 0;
var min = 3;

window.onload = function() {
	document.getElementById("hour").value = hour;
	document.getElementById("min").value = min;
}

Answer 2

「10」と「30」に該当すするoption要素にselected 属性を付ければいいのでは？
この質問内容ではこのような回答しか出来ないです。

Answer 3

ベタにやるならこんな感じです

<script>
window.onload=function(){
  hour=10;
  min=30;
  var h=document.getElementById("h");
  for(var i=0;i<h.length;i++){
    if(hour==parseInt(h[i].value)){
      h[i].selected=true;
      break;
    }
  }
  var m=document.getElementById("m");
  for(var i=0;i<m.length;i++){
    if(min==parseInt(m[i].value)){
      m[i].selected=true;
      break;
    }
  }
}
</script>

<select name="hour" id="h">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="10">10</option>
<option value="24">24</option>
</select>:
<select name="minute" id="m">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="30">30</option>
<option value="59">59</option>
</select>