将HTML表单数组序列化为Javascript数组

Question

I have a form containing a list of text fields

<input type="text" name="list[]" value="">
<input type="text" name="list[]" value="">

I'm running some custom jQuery to validate the input and do a few other things, before displaying a JSON chunk to the user. What I want to achieve is these elements should become a standard javascript array a la:

{"list":["something","something else"]}

Is there a simple call I can make on the specific element to pull it in as an array, something like this?

var jsonVars = {};
jsonVars['list'] = $("input[name=list]").getArray();

Answer 1

With the structure you have and assuming you want to get the values you could do:

var jsonVars = {};
jsonVars['list'] = $('input[name="list[]"]').map(function(){return this.value;}).get();

You can use $('input[name="list[]"]').serializeArray() but will return in a different format as array of objects (with name and value).

Answer 2

There's jQuery's serialize function. This topic is similar to yours and might give you some more advanced insight.