I have x number of input fields with class='agency_field'. How can I create a JS array that contain the values of all fields with this class?
Using jQuery, this gives a syntax error:
$(".agency_field").each(function(index) { agencies[] = $(this).val(); });
You can use .map instead, which is perhaps more suited to your purpose:
var values = $(".agency_field").map(function() {
return this.value;
}).get();
alert(values.join(","));
.join(","). When arrays coerce to strings, the commas are added by default.
var agencies = [];
$(".agency_field").each(function(index) { agencies.push($(this).val()); });
You're creating a new array for each iteration. Try instead instantiating an array before the each call and adding to the array each iteration.
var arr = []; $(".agency_field").each(function(index) { arr.push($(this).val()); });
arr would contain what you want in the end.
Your code shd be slightly changed to:
var agencies = [];
$(".agency_field").each(function(index) {
agencies.push($(this).val());
});
You need to create an array initially and then add each value to that array:
var agencies = [];
$(".agency_field").each(function(index) { agencies.push($(this).val()) });
You're quite used to a language like php? ;) In Javascript, you'd use array.push() for appending to an array; so
$(".agency_field").each(function(index) { agencies.push( $(this).val() ); });
