jQuery how to take all multiple form data in one array?

Question

I want to have all data of my forms in one array

$('#teamMedewerker :selected').each(function(i){
    var form = $("form#urenformulier" + i).serializeArray();
    $.each($(form), function(i, field){
        //console.log(field.name + " : " + field.value);
            array = field.value;
            console.log(array);
    });
});

I want this result but dont know how to get this.

Array (employee1(test,test,test), employee2(test1,test2,test3))

each form is an employee, there are multiple forms.

And why would you want that? Generally most people just want to serialize the form so they can send it. — adeneo, Oct 26 '16 at 20:00
Maybe this can help http://stackoverflow.com/questions/4291005/jquery-get-all-input-from-specific-form — UserEsp, Oct 26 '16 at 20:13

Gabriele Petrioli · Answer 1 · 2016-10-26T20:39:14.740

0

If i understand correctly you should use map instead of each

var arrayOfEmployees = $('#teamMedewerker :selected').map(function(i){
    return [$("form#urenformulier" + i).serializeArray()];
}).get();

Now if you want to iterate over this you can do

arrayOfEmployees.forEach(function(employee){
    employee.forEach(function(field){
         console.log(field.name, field.value);
    }
});

edited Oct 26 '16 at 20:39

answered Oct 26 '16 at 20:09

Gabriele Petrioli

191,379
34
261
317

tried your code, on severals way but gives me errors; Uncaught TypeError: employee.forEach is not a function – Erwin Oct 26 '16 at 20:31
@erwin, you are right, the array was flattened. Try with the updated code please. – Gabriele Petrioli Oct 26 '16 at 20:40
This works, only how I get each medewerker in one array? The outcome of this is the same of the begin post ^^ – Erwin Oct 26 '16 at 20:50
@Erwin each element of the outer array `arrayOfEmployees` is an array containing the data of an employee. (*the variable `employee` is an array with the fields of that form*) – Gabriele Petrioli Oct 26 '16 at 20:58
Thanks for your help, I'm understanding it right now! – Erwin Oct 26 '16 at 21:22

jQuery how to take all multiple form data in one array?

1 Answers1