How to get an Array with jQuery multiple input with the same name

Question

I have a form where users can add input fields with jQuery    lt input type  text  id  task  name  task      gt    After submitting the form I get an array in PHP   I want to handle this with the   ajax   but I have no idea how to turn my  lt input gt s to an array in jQuery   Thanks in advance

User · Answer

HTML    lt input type  text  name  task    class  form-control  id  task  gt    JS   var tasks  new Array       input name   task     each function      tasks push   this  val

User · Answer

Q How to access name array text field    lt input type  text  id  task  name  task      gt    Answer - Using Input name array       input name  task           eq 0  val      input name  task           eq index  val

User · Answer

You can t use same id for multiple elements in a document  Keep the ids different and name same for the elements    lt input type  text  id  task1  name  task    gt   lt input type  text  id  task2  name  task    gt   lt input type  text  id  task3  name  task    gt   lt input type  text  id  task4  name  task    gt   lt input type  text  id  task5  name  task    gt   var newArray   new Array        input text name task    each function        newArray push   this

User · Answer

To catch the names array  i use that      input name   task

User · Answer

if you want selector get the same id  use       id task  eq 0    val        id task  eq 1    val    etc

User · Answer

Firstly  you shouldn t have multiple elements with the same ID on a page - ID should be unique   You could just remove the id attribute and and replace it with    lt input type  text  name  task  gt    and to get an array of the values of task do  var taskArray   new Array       input name task    each function        taskArray push   this  val

User · Answer

For multiple elements  you should give it a class rather than id eg    lt input type  text  class  task  name  task      gt    Now you can get those using jquery something like this       task   each function       alert   this  val

User · Answer

Using map   var values      input id  task                    map function   return   this  val      get      If you change or remove the id  which should be unique   you may also use the selector    input name  task            Working example  http   jsbin com ixeze3

User · Answer

You can use jquery serializeJSON to do this

[javascript] How to get an Array with jQuery, multiple <input> with the same name

Examples related to javascript

Examples related to jquery

Examples related to arrays