0

テキストフィールド間をジャンプしたいのですが、これらのフィールドは struts-tags からイテレータを介して動的に生成されます:

<s:iterator value="aList">
 <td width="50px" align="center">
  <s:textfield name="solField" size="2" maxlength="1" style="text-transform: uppercase; text-align:center"/>                    
 </td>
</s:iterator>

javascriptでジャンプしてみましたが、同じフィールド名だとうまくいきません。ブラウザーのコードは次のとおりです (反復するリストに 3 つの項目があります)。

<td width="50px" align="center">
 <input type="text" name="solField" size="2" maxlength="1" value="" id="correct_solField" style="text-transform: uppercase; text-align:center"/>
</td>
<td width="50px" align="center">
 <input type="text" name="solField" size="2" maxlength="1" value="" id="correct_solField" style="text-transform: uppercase; text-align:center"/>
</td>
<td width="50px" align="center">
 <input type="text" name="solField" size="2" maxlength="1" value="" id="correct_solField" style="text-transform: uppercase; text-align:center"/>
</td>

何か案は？前もって感謝します

4

1 に答える 1

0

これはどう？（jQueryを使用）

$(document).on('keyup', 'input', function(){
   if($(this).val().length >= $(this).attr('maxlength'))
   {
       $(this).nextAll('input:first').focus();
       // OR even
       // $(this).next('input').focus();
   }
});

それはあなたが探しているものですか？http://fiddle.jshell.net/C3jeY/

于 2013-09-13T18:12:16.850 に答える