IEはjQueryの.hide()でoption要素を非表示にできない
ドロップダウンリストの中の特定の option 要素を非表示にする場合には注意が必要です。
ドロップダウンリストの中の特定の選択肢（option要素）だけ非表示にしたいときは、jQuery の .hide() を使えば簡単に実現できそうです。
Chrome や Firefox はそれで実現できますが、残念ながら Internet Explorer は option 要素を .hide() で非表示にすることができません。ということは、CSS で display: none; してもダメということです。
したがって、jQuery で実装する場合は、IE のことも考えると、 .remove() で非表示にするか .prop("disabled", true) で選択できないようにするしかなさそうです。
以上、メモエントリーでした。
Published 2016-03-07
, Updated 2019-06-25
, Updated 2019-06-25