jQuery how to find first visible input select textarea excluding buttons

Question

I tried      input not input type button  input type submit  button  visible first     but it doesn t find anything   What is my mistake   UPD  I execute this on   document  load     lt script type  text javascript  gt    window  load function        var aspForm       form aspnetForm      var firstInput       input not input type button  input type submit  button  visible first   aspForm     firstInput focus         lt  script gt    and in the debug I can see that firstInput is empty   UPD2  I m in ASP NET page running under Sharepoint   I ve found so far that for some elements it does find them  for fixed ones  and for some don t

User · Answer

The JQuery code is fine  You must execute in the ready handler not in the window load event    lt script type  text javascript  gt    function      var aspForm       form aspnetForm      var firstInput       input not input type button  input type submit  button  visible first   aspForm     firstInput focus         lt  script gt    Update  I tried with the example of Karim79 thanks for the example  and it works fine  http   jsfiddle net 2sMfU

User · Answer

This is my summary of the above and works perfectly for me   Thanks for the info    lt script language  javascript  type  text javascript  gt        document  ready function              var firstInput      form   find  input type text  input type password  input type radio  input type checkbox  textarea select   filter   visible first            if  firstInput    null                firstInput focus                       lt  script gt

User · Answer

Why not just target the ones you want  demo       form   find  input type text  textarea select   filter   visible first      Edit  Or use jQuery  input selector to filter form descendants      form   find      filter   input visible first

User · Answer

You may try below code      x000D   x000D    document  ready function    x000D         form   find  input type text  textarea select   filter   visible first   focus    x000D     x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 4 2 jquery min js  gt  lt  script gt  x000D   lt form gt  x000D   lt input type  text    gt  x000D   lt input type  text    gt  x000D   lt input type  text    gt  x000D   lt input type  text    gt  x000D   lt input type  text    gt  x000D       x000D   lt input type  submit    gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

This is an improvement over  Mottie s answer because as of jQuery 1 5 2  text selects input elements that have no specified type attribute  in which case type  text  is implied       form   find   text textarea select   filter   visible first

User · Answer

Here is my solution  The code should be easy enough to follow but here is the idea    get all inputs  selects  and textareas  filter out all buttons and hidden fields  filter to only enabled  visible fields  select the first one focus the selected field   The code   function focusFirst parent          parent  find  input  textarea  select            not  input type hidden  input type button  input type submit  input type reset  input type image  button            filter   enabled visible first            focus        Then simply call focusFirst with your parent element or selector   Selector   focusFirst  form aspnetForm      Element   var el      form aspnetForm    focusFirst el

[jquery] jQuery: how to find first visible input/select/textarea excluding buttons?

Examples related to jquery

Examples related to input

Examples related to jquery-selectors