How to Set Focus on Input Field using JQuery

Question

Given the following HTML structure    lt div class  wrapper  gt       lt div class  top  gt           lt a href  http   example com  class  link  gt click here lt  a gt       lt  div gt       lt div class  middle  gt          some text      lt  div gt       lt div class  bottom  gt           lt form gt               lt input type  text  class  post  gt               lt input type  submit  gt           lt  form gt       lt  div gt   lt div gt    which will be repeated several times on the page  how do I set the focus on the input field in the  bottom div when a user clicks on the link in the  top div   I am currently making the  bottom div appear successfully on click using the JQuery code below  but can t seem to figure out how to set focus on the input field at the same time       link   click function           this  parent   siblings  div bottom   show          Thanks

User · Accepted Answer

Try this  to set the focus to the first input field     this  parent   siblings  div bottom   find  input post   focus

User · Answer

If the input happens to be in a bootstrap modal dialog  the answer is different  Copying from How to Set focus to first text input in a bootstrap modal after shown  this is what is required       myModal   on  shown bs modal   function            textareaID   focus

User · Answer

Justin s answer did not work for me  Chromium 18  Firefox 43 0 1   jQuery s  focus   creates visual highlight  but text cursor does not appear in the field  jquery 3 1 0    Inspired by https   www sitepoint com jqueryhtml5-input-focus-cursor-positions    I added autofocus attribute to the input field and voila   function addfield         n    table tr   length         table   append   lt tr gt  lt td gt  lt input name field  n   autofocus gt  lt  td gt  lt td gt  lt input name value  n   gt  lt  td gt  lt  tr gt            input name  aa   n      focus

[jquery] How to Set Focus on Input Field using JQuery

Examples related to jquery

Examples related to html