Multiple input field value into one array using jquery

Question

I have some input fields like this

<input id="serial" type="text" name="serialname" class="serialclass"/>
<input id="serial" type="text" name="serialname" class="serialclass"/>
<input id="serial" type="text" name="serialname" class="serialclass"/>
<input id="serial" type="text" name="serialname" class="serialclass"/>
<input id="serial" type="text" name="serialname" class="serialclass"/>
<input id="serial" type="text" name="serialname" class="serialclass"/>
<input id="serial" type="text" name="serialname" class="serialclass"/>

I want to get values from all the input fields using jQuery and store it into a array.

An object id should be always unique!

Reporter
– Reporter

2014-07-14 14:25:07 +00:00
Commented Jul 14, 2014 at 14:25 — Reporter
– Reporter, Commented Jul 14, 2014 at 14:25

Kiran · Accepted Answer · 2014-07-14 14:22:30Z

2

Id's should be unique across DOM. So change your id's and use class to get all input values and push it to array.Try this:

var arr = [];
$("input.serialclass").each(function(){
    arr.push($(this).val());
});

DEMO

answered Jul 14, 2014 at 14:22

Kiran

20.3k11 gold badges72 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RevanProdigalKnight · Accepted Answer · 2014-07-14 14:24:34Z

2

First ids have to be unique.

Answer:

var arr = $('.serialclass').map(function(){
  return this.value;
}).get();

edited Jul 14, 2014 at 14:24

RevanProdigalKnight

1,3261 gold badge14 silver badges23 bronze badges

answered Jul 14, 2014 at 14:22

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Collectives™ on Stack Overflow

Multiple input field value into one array using jquery

2 Answers 2

Comments

Answer:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Answer:

Comments

Your Answer

Sign up or log in

Post as a guest

Related