iphoneにおいてselectタグの一番最初の項目が自動的に選択されてしまう

you12724 79views 更新:2016年8月15日

問題

iOS9.2以上?のiphoneにおいてWebページ中のselectタグを操作した時に選択していないのに、自動的に最初の項目が選択されてしまうという不具合がありました。

解決方法

解決方法としてはselectタグ中の最初に

<option disabled></option>

を置くことにしました。 このままだとPCから見た際に、空欄の行が表示されてしまうので、hidden や display:none をつけることで隠すことができます。
しかしiphoneのシミュレーター上から確認したところ、hidden などをつけても選択できてしまうという状況になってしまい困りました・・・
選択するとチェックマークはつきますが、完了を押すと何も選択されていないというのと、元々の問題は解決できているので現状この実装でいこうと思います。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません