Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 832
Tarang Avatar asked Jul 07 '12 15:07

Tarang


People also ask

What does serializeArray do in jQuery?

jQuery serializeArray() Method The serializeArray() method creates an array of objects (name and value) by serializing form values. You can select one or more form elements (like input and/or text area), or the form element itself.

How do I fetch a single value from serialize ()?

You can access each value using this method : var firstValue = formData[0]. value; var secondValue = formData[1].


1 Answers

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.

like image 110
Darin Dimitrov Avatar answered Oct 22 '22 22:10

Darin Dimitrov