Akshat Akshat - 2 months ago 21
jQuery Question

JQuery serializeArray key value pairs

I'm having a bit of trouble serializing a form

<form>
<input type="text" name="name1" value="value1"/>
<input type="text" name="name2" value="value2"/>
</form>

$(form).serializeArray()


Will return
[{name:"name1",value:"value1"},{name:"name2",value:"value2"}]
pairs

Is it possible to get output in the form

{name1:value1,name2:value2}


So that they are easier to handle?

Answer
var result = { };
$.each(​$('form')​.serializeArray()​, function() {
    result[this.name] = this.value;
})​;

// at this stage the result object will look as expected so you could use it
alert('name1 = ' + result.name1 + ', name2 = ' + result.name2);

Live demo.