iOS Safariで複数のselectが存在するときの挙動


例えば、以下のような年月日を選択するような入力欄があったして、

[code]

    <select name="year">
        <option value="0">--</option>
        <option value="2000">2000</option>
        <option value="2001">2001</option>
        <option value="2002">2002</option>
        <option value="2003">2003</option>
    </select>年
    <select name="month">
        <option value="0">--</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>月
    <select name="day">
        <option value="0">--</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>日
[/code]

左から順番に選択していくとします。

ここで完了を押さずに他のセレクトボックスをタップすると一個前で選択していた項目がx番目だったとして、現在フォーカスがあったているセレクトボックスのx番目の項目が選択されます。本当は一個前のセレクトボックスが選択されて欲しいのですが、この問題を解決する方法はあるでしょうか？




タップするものにclickイベントを設定して、そのイベントでフォーカスを移動するという処理をjavascriptで実装すれば良いと思います。

