【JavaScript】iOS の Safari で option 要素に display: none が効かない件

iOS の Safari では、
select の option 要素に display: none を指定しても、
選択肢を非表示にできないようです。

そのため、
選択肢を非表示にするには、
display: none を指定できるタグで option タグを囲う必要があります。

例えば、
span タグなどで囲って、
display: none を指定してあげれば、
選択肢を非表示にできます。

タグを囲んだり外したりするには、
jQuery の wrap()、unwrap() をつかいます。

この時、二重に囲んでしまうと外すことができなくなるので、
そうならないような対策が必要です。