最近の主流(古いIE無視)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>最近の主流(古いIE無視)</title>
<script>
function menu1and2_onchange(ev){
  var t = ev.target, oid = null;
  switch(t.id){
  case "menu1":
    oid = "menu2";
    break;
  case "menu2":
    oid = "menu1";
    break;
  }
  if(oid){
    document.getElementById(oid).selectedIndex = t.selectedIndex;
  }
}
window.addEventListener("load", function(){
  document.getElementById("form1").addEventListener("change", menu1and2_onchange, false);
}, false);
</script>
</head>
<body>
<form id="form1">
<select id="menu1">
<option>1月1日</option>
<option>2月1日</option>
<option>3月1日</option>
<option>4月1日</option>
<option>5月1日</option>
<option>6月1日</option>
<option>7月1日</option>
<option>8月1日</option>
<option>9月1日</option>
<option>10月1日</option>
<option>11月1日</option>
<option>12月1日</option>
</select>
<select id="menu2">
<option>1月31日</option>
<option>2月28日</option>
<option>3月31日</option>
<option>4月30日</option>
<option>5月31日</option>
<option>6月30日</option>
<option>7月31日</option>
<option>8月31日</option>
<option>9月30日</option>
<option>10月31日</option>
<option>11月30日</option>
<option>12月31日</option>
</select>
</form>
</body>