【问题标题】:Changing Focus in Input fields depending on what link was clicked根据单击的链接更改输入字段中的焦点
【发布时间】:2014-06-22 16:52:17
【问题描述】:

我对 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>`

请注意,编码尚未完成,但如果有人可以帮助我解决我的焦点问题 - 基于 JS 或 Jquery,我将不胜感激。

谢谢!

【问题讨论】:

    标签: jquery forms focus


    【解决方案1】:

    在您的网址中包含 ID,例如 index.php?page=eventinfo&amp;amp;action=edit#title

    在重定向页面上

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

    【讨论】:

      猜你喜欢
      • 2015-09-21
      • 2011-01-23
      • 1970-01-01
      • 1970-01-01
      • 2018-07-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多