get all values of fields with the same name array

Question

I have some input fields in the following format:

<input name='date_of_birth[month]' type='text' />
<input name='date_of_birth[day]' type='text' />
<input name='date_of_birth[year]' type='text' />

Is there a way to select all the values of these fields in jQuery?

score 5 · Accepted Answer · answered May 10 '12 at 20:18

5

The $.map method may be better in this case:

var dobArray = $.map($('input[type=text][name^=date_of_birth]'),function(){
  return this.value;
});

and to make it a date string,

var dobString = dobArray.join("/");

answered May 10 '12 at 20:18

Kevin B

1

Keep in mind that the order of the array will be based on the DOM order of the input elements. – Kevin B May 10 '12 at 20:22

Royi Namir · Answer 2 · 2012-05-10T20:17:59.463

2

$(":text[name^='date_of_birth']").each(function (){alert(this.value)});

according to @gordon about speed - this will be faster: ( reduce extension overhead)

 $("input[type='text'][name^='date_of_birth']")

edited May 10 '12 at 20:17

answered May 10 '12 at 20:09

Royi Namir

+1, note that `:text` isn't efficient selector. you should replace it with `input[type='text']` – gdoron May 10 '12 at 20:12
@gdoron input type text is better ? – Royi Namir May 10 '12 at 20:12
_"Because `:text` is a jQuery extension and not part of the CSS specification, queries using :text cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use `[type="text"]` instead."_ – gdoron May 10 '12 at 20:13
One more thing if I may, [Though `$()` with DOM element isn't expensive](http://stackoverflow.com/q/10433014/601179), you should use `this.value` instead of `$(this).val()`. – gdoron May 10 '12 at 20:16
@gordon, yeah i know . its an instinct ...:) – Royi Namir May 10 '12 at 20:17

2 Answers2