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>