How to pass an HTML Select tag using Javascript and Ajax to PHP $_POST with one (array) var when the name attribute is an array

Question

These links:

"How to modify an HTML Select when the name is an array using Javascript"

and "How to pass an array from HTML to Javascript?"

blinds me on what if i have select tags with 2 or more different names like:

<select name='category[123]'>
    <option value='0'>off</option>
    <option value='1'>on</option>
</select>

<select name='category[456]'>
    <option value='0'>off</option>
    <option value='1'>on</option>
</select>

<select name='anothercategory[123]'>
    <option value='0'>off</option>
    <option value='1'>on</option>
</select>

<select name='anothercategory[456]'>
    <option value='0'>off</option>
    <option value='1'>on</option>
</select>

Do you need this values with ajax request or form submission? — shamon shamsudeen, Aug 17 '15 at 04:30

score 1 · Accepted Answer · answered Aug 17 '15 at 04:32

1

You can use $("form").serialize() for posting all values from the form.

answered Aug 17 '15 at 04:32

Disha V.

1,834
1
13
21

i'm testing something like http://stackoverflow.com/questions/10398783/jquery-form-serialize-and-other-parameters – ralphcuneta Aug 17 '15 at 04:36
1

and data : $('form').serialize() + "&othervariable=othervarvalue" works! – ralphcuneta Aug 17 '15 at 04:47

score 0 · Answer 2 · edited Aug 17 '15 at 05:03

0

If you need to get values one by one you can use this example as well.

var category_id    = $('#category').val()
var form_data      = { category : category_id };
data    : form_data,

Now you can get category values where you need it.

edited Aug 17 '15 at 05:03

Muhammad Hassaan

7,296
6
30
50

answered Aug 17 '15 at 04:56

Asim Shahzad

1,438
11
18

How to pass an HTML Select tag using Javascript and Ajax to PHP $_POST with one (array) var when the name attribute is an array

2 Answers2