【JQuery】IE8以前でSelectタグのOptionを追加できない問題の対処法

すでに幾つかのブログなどでも紹介されていますが、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>'));

ダサいですが、タグを直接書くしかなさそうです……。

感想をお聞かせください。

  • ためになった・面白かった (0)
  • ためにならなかった・面白くなかった (2)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)