How to form array from text field contents, and pass that array as serialized form data?

Question

I have a text field: <input type="text" class="field blink" name="j-state[]" id="j-state"/>

The data in it will be a comma-separated list of states, e.g. New York,New Jersey.

I am using serialize() to grab the form's data. I want to form an array of these states, and pass the array along with serialized data.

Can any help me to achieve this?

Thanks in advance.

Could you give an example of data that might be in the text field that you want to turn into an array? — Paul D. Waite, Jan 04 '13 at 13:32
the data in the array is simply names of states as New York,New Jersey — Akki, Jan 04 '13 at 13:33
So the content of the field might be e.g. `New York,New Jersey`? — Paul D. Waite, Jan 04 '13 at 13:35
Parse the comma separated text to an array? seems pretty basic, am I missing something? — Mark Schultheiss, Jan 04 '13 at 13:35
My main problem is that I want to add array along with serialized data — Akki, Jan 04 '13 at 13:36

score 1 · Accepted Answer · edited May 23 '17 at 12:12

I did not want to have to deal with your name with the dash so I renamed it thus:(you can deal with that issue yourself otherwise if you like)

<form id="myform">
<input type="text" class="field blink" name="jstate[]" id="jstate"/>
</form>

Get some code from this questions answer: Convert form data to JavaScript object with jQuery

then do this:

$('#jstate').val('New Yourk, Fridaay Town,Frenchville');
var jd = $('#myform').serializeObject();
var ms = jd.jstate[0].split(",");
alert(ms[1]);// alerts " Friday Town"

You can then use toJSON() (google that) to properly form that ms object and send it off - I will leave that exercise to you.

And, last off, a fiddle for you to play with: http://jsfiddle.net/MHVeC/

How to form array from text field contents, and pass that array as serialized form data?

1 Answers1