提交动作后集中特定的“ id”

时间:2018-12-31 15:09:00

标签: javascript jquery html

提交后,我想关注特定的ID(例如,使用$('#a'))。

我的代码还没有什么特别的。

我的JavaScript代码是

function get_info(id){
    $(user_id).submit();
    $('#a).focus();
};

提交后,应将重点放在id='a'上。

但是在提交窗口之后,将焦点放在id='a'上并重置页面。


我尝试使用

function get_info(id){
    $(user_id).submit(function(e){
      e.preventDefault();
      $('#a').focus();
   });
};

但是此代码使程序更糟。我认为它停止执行提交。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

克里斯(Chris)的评论说,提交后您不能仅仅通过使用{% extends 'base.html' %} {% block content %} <br><br><br> {% if user.is_authenticated %} <div class="container"> {% filter upper %} <h3>Notes for task</h3> {% endfilter %} </div> {{ completetasks }} {% else %} <h2><a href="/login">Login</a></h2> {% endif %} {% endblock %} 来关注元素,因为页面将被重定向/刷新。

您需要使用Cookie或本地存储,这里是使用本地存储的建议示例,例如:

$('#a').focus();

然后在ready函数中,您可以添加:

function get_info(id) {
    localStorage.setItem('focusItem', '#a');

    $(user_id).submit();
};

答案 1 :(得分:0)

function SetFocus(){    
$("#FocusingID").focus();}  

/***********another way **********************//*
  $("#submitbtnId").click(function(){    
  //your submession and other task;    
  $("#FocusingID2").focus();    
});
*/
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type=text id=FocusingID>
<button type=submit onclick="SetFocus();">click</button>