javascript - Jquery 在单击时向字段添加自动对焦

Question

我有多个带有表单的模态框，我希望当我单击一个模态框时，它会将属性autofocus赋予第一个visible输入字段。因为表单中还有隐藏的输入字段。

我使用 MaterializeCSS 来生成模态框。我已经设置好了:

$('#modal-entry').modal({
    onOpenEnd: function () {
        alert('The autofocus needs to be added in this line');
    }, // Callback for Modal open
});

Answer 1

用此替换您的警报，您当然需要表单的选择器或包含表单的容器。

• 使用not以避免关注隐藏的输入。
• 使用first获取输入选择器列表中的第一个输入

$('#form input').not(":hidden").first().focus();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
  <input type="hidden"/>
  <input type="text" placeholder="name"/>
  <input type="text" placeholder="lastname"/>
</form>