how to store textbox values in array using jquery?

Question

I have two text boxes with the same name control_text but their values are different. I want to store all my text box values in an array using jQuery.

HTML

<input type="text" name="control_text" placeholder="Text Label Image" class="required" id="control_text" value="firstvalue" />
<input type="text" name="control_text" placeholder="Text Label Image" class="required" id="control_text" value="secondvalue" />

JavaScript

var test_arr = $("input[name='control_text']");
$.each(test_arr, function(i, item) {
    // i = index, item = element in array
    alert($(item).val());
});

The above code is displaying the values of text boxes individually. I don't want to alert these values individually, I want to alert both at once with comma separator similar to (firstvalue, secondvalue). Any help is appreciated.

Its also possible on submit, to get the results in an array format via the serialize Array function - api.jquery.com/serializeArray $('form').submit(function() { console.log($(this).serializeArray()); return false; }); — user1171884
– user1171884, Commented Nov 3, 2012 at 0:06

VisioN · Accepted Answer · 2012-11-02 23:33:49Z

12

Use map() method:

var arr = $("input[name='control_text']").map(function() {
    return this.value;
}).get();

A side note: elements in a single page should have unique IDs, so check your markup for validity.

answered Nov 2, 2012 at 23:33

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

2 Comments

zerkms Over a year ago

It's worth mentioning you'll need to apply .get() additionally, to get real js array.

VisioN Over a year ago

@zerkms Yeah, I always forget about it :) Thanks!

user3792555 · Accepted Answer · 2014-07-01 07:14:11Z

2

var newArray = [];
$( "input[name='control_text']" ).each(function() {
    newArray.push($( this ).val());
});
console.log(newArray);

you can also achieve it using .each function.

answered Jul 1, 2014 at 7:14

user3792555

12510 bronze badges

1 Comment

Justin Over a year ago

I've tried a dozen answers and this is the only one that worked for some reason... Thank you.

Collectives™ on Stack Overflow

how to store textbox values in array using jquery?

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related