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

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <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>日


<!-- end snippet -->

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

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