Question

我想在文本字段之间跳转，但这些字段是通过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跳转但是具有相同的字段名称无法正常工作。浏览器中的代码是（列表中有三个要迭代的项目）：

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

有什么想法吗？提前致谢

Answer 1

这个怎么样？（使用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/

在动态文本字段之间跳转

1 个答案: