Get all text field values with same class names and put in array using jQuery

Question

I have some hidden input fields like this ...

<input type="hidden" class="added_ids[]" name="added_ids[]" value="5190">
<input type="hidden" class="added_ids[]" name="added_ids[]" value="5340">
<input type="hidden" class="added_ids[]" name="added_ids[]" value="2488">

....and so on.

I need to get the values of each of the input fields so that I can pass it as a parameter to my php page.

url: "index.php/autocomplete/test_search?added_ids[]=" + //array holding ids

so I need to know how I do it in jQuery ..

looks like you would have better to serialize it: var values = $(':hidden').serialize(); jsfiddle.net/hd58F Gives you a parameters string that can be passed to server — A. Wolff
– A. Wolff, Commented Jan 9, 2014 at 10:49

rajesh kakawat · Accepted Answer · 2014-01-09 10:46:32Z

1

try something like this

var array = $('.added_ids\\[\\]').map(function() {
    return this.value;
}).get();
console.log(array); \\will give you ["5190", "5340", "2488"]

answered Jan 9, 2014 at 10:46

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

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

Comments

Rory McCrossan · Accepted Answer · 2014-01-09 10:58:51Z

0

You can use map():

var added_ids = $('.added_ids\\[\\]').map(function() {
    return this.value;
}).get();
var url = "index.php/autocomplete/test_search?added_ids[]=" + added_ids.join();

In your PHP you can then retrieve the value and split it by , to return it back to an array.

edited Jan 9, 2014 at 10:58

answered Jan 9, 2014 at 10:43

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

4 Comments

Jenson M John Over a year ago

@RoryMcCrossan why double slashes? ('\\')

user3177114 Over a year ago

@RoryMcCrossan It is passing null. localhost/project/index.php/dearch/…

Rory McCrossan Over a year ago

@JensonMJohn the slashes escape the square bracket character which would break the selector otherwise.

Rory McCrossan Over a year ago

@user3177114 I cannot access anything hosted on your localhost.

Collectives™ on Stack Overflow

Get all text field values with same class names and put in array using jQuery

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related