javascript - jquery Object Key Pair is Undefined

Question

I am iterating through html element which is input field by using jquery, but I get error. Here is my code:

$(".submit_button").on("click touch", function(e){
    e.preventDefault();

    var formdata = {};

    $(this).closest("div")
        .find("[data-field]")
        .each(function(i, val){
            var field = $(this).attr("data-field");             
            if($(this).is("[data-group]")) {
                var group = $(this).attr("data-role");
                formdata[group][field] = $(this).val() || "";
            } else {
                formdata[field] = $(this).val() || "";
            }
        });
    alert(JSON.stringify(formdata));
    return;
});

When I click submit button, the error console in firebug said that:

formdata[group] is undefined

How should it be written, so it is run correctly?

@Saty no I think it's OK as an object ({}). It's not really being used as a JavaScript array. — Pointy
– Pointy, Commented Sep 26, 2015 at 12:56

Marcos Casagrande · Accepted Answer · 2015-09-26 18:15:07Z

1

You have to define formdata[group]. Test this:

$(".submit_button").on("click touch", function(e){
e.preventDefault();

var formdata = {};

$(this).closest("div")
    .find("[data-field]")
    .each(function(i, val){
        var field = $(this).attr("data-field");             
        if($(this).is("[data-group]")) {
            var group = $(this).attr("data-role");
            if(!(group in formdata)){ //if group is not present in formdata, define it
               formdata[group] = {}; 
            }
            formdata[group][field] = $(this).val() || "";
        } else {
            formdata[field] = $(this).val() || "";
        }
    });
    alert(JSON.stringify(formdata));
    return;
});

answered Sep 26, 2015 at 18:15

Marcos Casagrande

40.7k11 gold badges93 silver badges107 bronze badges

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

Collectives™ on Stack Overflow

javascript - jquery Object Key Pair is Undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related