根据单击的链接更改输入字段中的焦点

时间:2014-06-22 16:52:18

标签: jquery forms focus

我是jquery / JS的新手,所以我希望你们中的一些人可以帮助我。 我有一个有三个链接的后端站点 - 每个链接显示相同的表单,以便进行更改并将它们保存到我的前端。我希望根据我点击的链接,焦点应该更改为正确的输入字段。 我的代码在这里:

        <main>
        <div class="main-table">
            <div class="border event clearfix">
                    <h2>Titel: <span>American Classics</span></h2> <a href="index.php?page=eventinfo&amp;action=edit">bearbeiten</a>
            </div>
            <div class="border event clearfix">
                    <h2>Datum: <span>19.07.2014</span></h2> <a href="index.php?page=eventinfo&amp;action=edit">bearbeiten</a>
            </div>
            <div class="border event clearfix">
                    <h2>Uhrzeit: <span>18:00</span></h2> <a href="index.php?page=eventinfo&amp;action=edit">bearbeiten</a>
            </div>
        </div>
    </main>

点击它们后,我将被重定向到以下页面:

 <main>
            <form action="" Method="POST">
                <a href="index.php?page=eventinfo">Zurück zur Eventinformation</a>
                <h2>Eventinformation bearbeiten</h2>
                <label for="title">Titel:</label>
                <br>
                <input type="text" id="title" name="title">
                <br>
                <label for="date">Datum:</label>
                <br>
                <input type="date" id="date" name="date">
                <br>
                <label for="time">Uhrzeit:</label>
                <br>
                <input type="time" id="time" name="time">
                <br>
                <input type="submit" name="submit-event" id="submit-event" value="Änderungen speichern">
            </form>
        </main>`

Peease注意到编码还没有完成,但我真的很感激,如果有人可以帮我解决我的焦点问题 - 基于JS或Jquery。

谢谢!

1 个答案:

答案 0 :(得分:1)

在您的网址中加入ID index.php?page=eventinfo&amp;action=edit#title

并在重定向的网页上

var textbox=window.location.hash;
$(textbox).focus();