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

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

すでに幾つかのブログなどでも紹介されていますが、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)
  • 分かりにくかった・ためにならなかった (1)
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*

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