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

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

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

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

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

  • このエントリーをはてなブックマークに追加
Just a second...