Skip to main content
本文に 803 文字追加
ソース リンク
supa
  • 5,399
  • 4
  • 18
  • 41

例えば、以下のような年月日を選択するような入力欄があったして、
http://jsfiddle.net/4ssL3akb/1/embedded/result/

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

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

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

例えば、以下のような年月日を選択するような入力欄があったして、
http://jsfiddle.net/4ssL3akb/1/embedded/result/
から順番に選択していくとします。

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

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

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

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

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

ソース リンク
ukyo
  • 21
  • 1
  • 2

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

例えば、以下のような年月日を選択するような入力欄があったして、
http://jsfiddle.net/4ssL3akb/1/embedded/result/
左から順番に選択していくとします。

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