当用户单击链接时，我想将输入字段动态添加到html表单中。新创建的字段应获得键盘焦点。
如何使用JQuery在输入字段上设置焦点的答案对我不起作用（也不适用于StackOverflow上的任何其他问题）。新创建的字段没有获得键盘焦点。在Firefox 43.0.1和Chromium 18中进行了测试。当我键入（如CTRL+F）时，Firefox开始查找文本，Chromium不执行任何操作。我使用各种版本的jQuery从本地文件和Web服务器尝试了代码。
function addfield() {
n = $('table#t1 tr').length;
$('table#t1').append('<tr><td><input name=field'+n+' ></td><td><input name=value'+n+'></td></tr>');
$('input[name="field"'+n+']').focus();
}
a { background: tan; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<table id=t1>
<thead>
<tr>
<th>field</th>
<th>value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bill</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
<div><a onclick='addfield();return false;'>Add field</a></div>
您似乎对jQuery选择器中的name属性有问题，该问题应集中在新添加的字段上。"选择器的一部分放错了位置。
您当前的代码是
$('input[name="field"'+n+']').focus();
它应该是：
$('input[name="field'+n+'"]').focus();
您可以查看此JSFiddle示例。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句