今日のはまり道

ラジオボタンの選択状態に応じてSelectの項目を変えようと以下のように書いたのだけど、IEだと期待通り動作しない。

$("#radio1").change( function() {
  $("#select").empty()
    .append( "<option>テスト</option>" )
    ... 略 ...
});
$("#radio2").change( function() {
  $("#select").empty()
    .append( "<option>テスト2</option>" )
    ... 略 ...
});

項目の切り替えはできているみたいなんですが、画面をクリックしないと表示が更新されず。

対策

こちらのサイトの情報を元に「change」をやめて「click」でトリガするようにして対応。clickだと期待通り動作します。

$("#radio1").click( function() {
  $("#select").empty()
    .append( "<option>テスト</option>" )
    ... 略 ...
});
$("#radio2").click( function() {
  $("#select").empty()
    .append( "<option>テスト2</option>" )
    ... 略 ...
});

changeとclickのデモはこちら
ぬー。1時間ロス。