Jquery get input array field

Question

I ve found similar questions here but nothing works for me   have inputs like    lt input type  text  value  2  name  pages title 1   gt   lt input type  text  value  1  name  pages title 2   gt    trying to get these fields like      input name  pages title         but have empty results     how to get all fields  I can only get it like    input name  pages title 1

User · Answer

You may use the contain selector       name     value      selects elements that have the specified attribute with a value containing a given substring       document   on   keyup    input name   pages title     function          alert   this  val

User · Answer

Put the input name between single quotes so that the brackets    are treated as a string  var multi members        input name  bayi     checked enabled   each function         multi members   this  val       multi members

User · Answer

You can give your input textboxes class names  like so    lt input type  text  value  2  name  pages title 1   class  pages title  gt   lt input type  text  value  1  name  pages title 2   class  pages title  gt    and iterate like so      input pages title   each function         alert   this  val

User · Answer

Most used is this      input name  varname       map  function key       console log key       this  val          Whit that you get the key of the array possition and the value

User · Answer

In order to select an element by attribute having a specific characteristic you may create a new selector like in the following snippet using a regex pattern  The usage of regex is intended  to make flexible the new selector as much as possible   x000D   x000D  jQuery extend jQuery expr             nameMatch  function  ele  idx  selector            var rpStr    selector 3         replace                 1            return  new RegExp rpStr   test ele name                     use of selector       input nameMatch   pages title     d         each function idx  ele      console log ele outerHTML       x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt     lt input type  text  value  2  name  pages title 1   gt   lt input type  text  value  1  name  pages title 2   gt   lt input type  text  value  1  name  pages title    gt  x000D   x000D   x000D   Another solution can be based on     name     value      selects elements that have the specified attribute with a value beginning exactly with a given string    filter    reduce the set of matched elements to those that match the selector or pass the function s test      a regex pattern   x000D   x000D  var selectedEle       input name   pages title     filter function idx  ele                  test if the name attribute matches the pattern                 return    pages title   d     test ele name       selectedEle each function idx  ele        console log ele outerHTML       x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt     lt input type  text  value  2  name  pages title 1   gt   lt input type  text  value  1  name  pages title 2   gt   lt input type  text  value  1  name  pages title    gt  x000D   x000D   x000D

User · Answer

You need to use the starts with selector  var elems        name   pages title         But a better solution is to add a class to the elements and reference the class  The reason it is a faster look up

User · Answer

You can escape the square brackets with double backslashes like this      input name  pages title

User · Answer

Use the starts with selector     input name   pages title     each function         alert   this  val           jsfiddle example  Note  In agreement with  epascarello that the better solution is to add a class to the elements and reference that class

User · Answer

this usualy works on Checkboxes and Radio buttons    but  each name should be the same    lt input type  text  value  2  name  pages title    gt   lt input type  text  value  1  name  pages title    gt   var x      input name  pages title       val      that is  supposed  to get you all the fields in comma separated values  never tried it with text boxes  so cant guarantee it   as  John commented  to iterate over them     input name  pages title       each function     var aValue     this  val         EDIT  Not allways you need just to answer the OP questions  sometimes you need to teach them better methods   sorry if that sounds Arrogant   COMMENT  defining inputs as   lt input type  text  value  1  name  pages title 1   gt   lt input type  text  value  2  name  pages title 2   gt    is breaking the array  each input has a unique name  therefor  it is not an array anymore

User · Answer

var data      quot input name  page title     quot      map function          return   this  val            get

User · Answer

I think the best way  is to use a Propper Form and to use jQuery serializeArray   lt  -- a form with any type of input -- gt   lt form class  quot a-form quot  gt       lt select name  quot field something  quot  gt     lt  select gt       lt input type  quot checkbox quot  name  quot field somethingelse  quot        gt       lt input type  quot radio quot  name  quot field somethingelse2  quot        gt       lt input type  quot text quot  name  quot field somethingelse3  quot        gt   lt  form gt    lt  -- sample ajax call -- gt   lt script gt    document  ready function          ajax           url   submit php           type   post           data     form a-form   serializeArray            success  function response                                          lt  script gt   The Values will be available in PHP as   POST  field   INDEX

User · Answer

use map method we can get input values that stored in array   var values      input name  pages title       map function   return   this  val      get

[jquery] Jquery get input array field

Examples related to jquery