IEはjQueryの.hide()でoption要素を非表示にできない

2016-03-07
1分で読了
更新: 2025-12-14

目次

ドロップダウンリストの中の特定の選択肢(option要素)だけ非表示にしたいときは、jQuery の .hide() を使えば簡単に実現できそうです。

Chrome や Firefox はそれで実現できますが、残念ながら Internet Explorer は option 要素を .hide() で非表示にすることができません。ということは、CSS で display: none; してもダメということです。

したがって、jQuery で実装する場合は、IE のことも考えると、 .remove() で非表示にするか .prop("disabled", true) で選択できないようにするしかなさそうです。

以上、メモエントリーでした。

この記事をシェア

この記事を書いた人

Roy Okuwaki

「かたつむりくんのWWW」を運営している Roy Okuwaki(tinybeans)です。bit part 合同会社 代表社員。2007年から、Movable Type や Craft CMS などの CMS、Web 開発、AI ツールの使い方について書いています。

プロフィールを見る →

関連記事