質問: javascriptのiPhone safariでの挙動について質問です。連動プルダウンメニューをjavascriptで実装を試みたのですが,添付してある画像のようにiPhoneだと上手く表示することができません。(PCからだと問題なく表示できます) この問題を解決することは可能でしょうか? よろしくおねがいします。 参考URL : 連動プルダウン(select) JavaScript + Ajax 実践サンプル集 - ドロップダウンリストを連動させる(2)
回答: そうですね、[次へ]ボタンを押しても最初のドロップダウンのonchangeは確実にトリガされません!Mobile Safariの仕様でしょうか。 根本的な解決方法ではありませんが、各プルダウンの間にダミーのプルダウンを入れる事で、回避できないでしょうか。 また、ダミーを挟まないで解決する方法としては、手動でポーリングする方法もあります。onchangeイベントに頼らず、自分で、プルダウンの変更を監視する訳です。 詳しい方法は以下のサイトに詳しく載っています。もしjQueryをお使いならばそのまま流用できるでしょう。