Dynamically build JSON object list from Javascript [duplicate]

Question

I'm trying to end up with the below JSON from an HTML form.

{
    "Name":"Curtis",
    "Phone":"555-555-5555",
    "Replacements":
    [
        {
            "Company":"ABC Company",
            "Amount":100
        },
        {
            "Company":"123 Company",
            "Amount":200
        },
    ]
}

I'm struggling with the JavaScript in regards to building the array for the replacements.

var o = {};
o["Name"] = $("#Name").val();
o["Phone"] = $("#Phone").val();

//How do I append the dynamic list of replacements here?
//$("#Company1").val();
//$("#Amount1").val();
//$("#Company2").val();
//$("#Amount2").val();

$("#txtJSON").val(JSON.stringify(o));

You should take a look at this: Convert form data to JS object with jQuery — blex
– blex, Commented Mar 24, 2015 at 20:17
Have you check this : stackoverflow.com/questions/1184624/… — Bhavik Hirani
– Bhavik Hirani, Commented Mar 26, 2018 at 8:01

dfsq · Accepted Answer · 2015-03-24 20:11:09Z

4

Create Replacements property array and push objects in it:

var o = {};
o.Name. = $("#Name").val();
o.Phone = $("#Phone").val();

o.Replacements = [];

o.Replacements.push({
    Company: $("#Company1").val(),
    Amount:  $("#Amount1").val()
}, {
    Company: $("#Company2").val(),
    Amount:  $("#Amount2").val()
});

$("#txtJSON").val(JSON.stringify(o));

answered Mar 24, 2015 at 20:11

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically build JSON object list from Javascript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related