在jquery弹出窗口中自动聚焦表单的第一个元素

Question

我正在jquery弹出窗口上构建一个表单。这是代码

http://myclientwebsites.com/UnderProgress/jquery/demo/

当您单击“内联”时，会出现一个弹出窗口，其中包含一个示例表单。现在我希望光标自动聚焦在第一个输入字段上。我尝试使用html5 autofoucs，但它无法正常工作。任何帮助，将不胜感激。

提前致谢。

Answer 1

您可以使用jQuery focus功能。例如，我使用名称属性“name”聚焦了一个输入：

$('input[name="name"]').focus();

HTML5 autofocus仅适用于现代浏览器，这可能是您没有看到它的原因

Answer 2

...

只有在您的表单中找到的第一个元素是“输入”时，

$(input[name="name"]').focus()才有效。如果，表单中的第一个元素不是＆＃39;输入＆＃39;元素，＆＃39;选择＆＃39;，＆＃39; textarea＆＃39;？

这就是我做的......

var selectors = $('input:text, select, input:radio, input:checkbox, textarea');

selectors.first().focus();