javascript - 在加载字段集时，我如何专注于我选择的文本字段

Question

我的页面中有多个字段集。每个都有少量的textfield。

我想要聚焦任何选定的文本字段。我该怎么做？

假设如果我有这样的

<fieldset>
<legend>First Page</legend>
<input id="bp1" name="bp1" type="text" AUTOCOMPLETE=OFF />
<input id="bp2" name="bp2" type="text" AUTOCOMPLETE=OFF />
<input id="bp3" name="bp3" type="text" AUTOCOMPLETE=OFF />
</fieldset>

<fieldset>
<legend> Next Page</legend>
<input id="other1" name="other1" type="text" AUTOCOMPLETE=OFF />
<input id="other2" name="other2" type="text" AUTOCOMPLETE=OFF />
<input id="other3" name="other3" type="text" AUTOCOMPLETE=OFF />

</fieldset>
<div id="navigation" style="display:none;">
                    <ul>
                        <li class="selected">
                            <a href="#">First Page</a>
                        </li>
                        <li>
                            <a href="#">Next Page</a>
                        </li>

我想专注于第一页中的第三个文本字段(id =“bp3”)，在下一页中我想专注于第二个文本字段，即 id =“other3”。如何做到这一点？

Answer 1

使用focus()在您想要关注的领域，例如

document.getElementById('bp3').focus()

然后在下一页visibility事件，即下一页的 onclick

<a href="#" onclick="document.getElementById('other3').focus()">Next Page</a>