My code below will add the last generated Object into the phones array of the Person object. What I'm trying to do is be able to add all the generated Objects into the phones array.
var person = {
username : username,
phones : []
}
// Added Profile
var phoneObjs = {};
var addedPhones = $('.added_phone');
The function that loops through all the new .added_phone input values:
addedPhones.each( function(i) {
var tag = $(this).children("label").text();
var value = $(this).children("input").val();
phoneObjs = $(this).map(function(i,el) {
var $el = $(el);
return {
tag: tag,
label: value
}
}).get();
console.log(phoneObjs);
person.phones = phoneObjs;
// person.phones.push(phoneObjs);
console.log(person.phones);
});
I'll create 2 new input fields and enter 2 different numbers, next I submit the form and run the function above. From the chrome console console.log(person.phones):
The 2nd time it loops around, the first Object gets replaced
How would you avoid this problem?
person.phones = person.phones.concat(phoneObjs);– Arun P Johny Feb 26 at 16:56