How to set form data with jQuery

Question

I'm getting the form data correctly using serializeArray() function, but im not sure how to change this data the object, which is = default_values

Here's my JavaScript:

$(document).on( 'click', '.anyicon-reset-button', function() {
     console.log($('#anyicon-live-style-form').serializeArray());
     console.log(default_values);
});

I want to remove the data from the serialized array, which is

And set the data, which is in default_values object:

Any ideas are welcome!

You would need to build that object manually as there's no built in method of doing it. That being said, if you're just going to supply this to a $.ajax call, then you can just use serialize() — Rory McCrossan
– Rory McCrossan, Commented Sep 13, 2017 at 9:59
Not sure i understand you. Can you explain it with some examples ? — Rumen
– Rumen, Commented Sep 13, 2017 at 10:01

Animesh Singh · Accepted Answer · 2017-09-13 10:27:58Z

1

You can use .split() and $.each jQuery.each().

You can try placing the following code in your click event handler:

var inputs = $('#anyicon-live-style-form [name]');

// it would change the inputs in the form    
$.each(inputs, function(i, input){
    var split = $(input).attr('name').split('_')[1];
    $(input).val(default_values[split]);
})

//serializing again would give you reset data
$('#anyicon-live-style-form').serializeArray()


// if you only want to update the data of serializeArray 
// and don't show the change in the input, you can just run the following code

var ser = $('#anyicon-live-style-form').serializeArray();
$.each(ser, function(i, s){
    var split = s.name.split('_')[1];
    s.value = default_values[split];
});

edited Sep 13, 2017 at 10:27

answered Sep 13, 2017 at 10:16

Animesh Singh

9,4821 gold badge20 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to set form data with jQuery

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