How do I access values created by serializeArray in JQuery?

Question

I have this HTML:

<form id='myform'> <input name='title' value='foo'/> </form> 

And I create an object array from it like this:

var dataArray = $("#myform").serializeArray(); 

Now how do I access 'title' in dataArray? This does not work:

alert(dataArray['title']); alert(dataArray['title'].val()); 

Answer 1

Similar to what Nick posted, but a little cleaner

var dataArray = $("#myform").serializeArray(),     dataObj = {};  $(dataArray).each(function(i, field){   dataObj[field.name] = field.value; }); 

Then access the same way

alert(dataObj['title']); 

Answer 2

You can either loop through, as @Tom has...or if you're accessing more than one, be a bit more efficient and loop once, creating an object like this:

var dataArray = $("#myform").serializeArray(),     len = dataArray.length,     dataObj = {};  for (i=0; i<len; i++) {   dataObj[dataArray[i].name] = dataArray[i].value; } 

Then you can access it like you want, for example:

alert(dataObj['title']); //or alert(dataObj.title); 

You can test it out here.