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?
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("/");
$(":text[name^='date_of_birth']").each(function (){alert(this.value)});
http://jsbin.com/emumef/edit#javascript,html
according to @gordon about speed - this will be faster: ( reduce extension overhead)
$("input[type='text'][name^='date_of_birth']")
:text isn't efficient selector. you should replace it with input[type='text']
: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."$() with DOM element isn't expensive, you should use this.value instead of $(this).val().