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>

jQuery单击时将自动对焦添加到字段

1 个答案: