すでに幾つかのブログなどでも紹介されていますが、IE8以前のIEでJQueryを用いている場合に、Selectタグ内のOptionを追加しようとすると、なぜか正しく値を追加できないことがあるようです。
JQuery1.7.1 + IE7.0 / IE8.0にて下記問題を確認しました。
以下がIE8以前で動作しないスクリプト。
$("#item").append(new Option("ほげ",”hoge")); |
以下が動作するスクリプト。
$("#item").append($("<option></option>").val("hoge").html("ほげ")); |
もちろんこれでも動きます。
$("#item").append($('<option value="hoge">ほげ</option>')); |
ダサいですが、タグを直接書くしかなさそうです……。
コメントを残す