I am currently facing an issue with dynamically generated forms using PHP and updated with jQuery's .appendTo() function as visitors interact with it. My main goal is to collect all input text and select box values from the current form and submit them as arrays via POST method. I have made some progress so far, for example:
<div>
<input type="text" class="dynamicTags" name="dynamicTags1" value="Web Design"/>
<select class="val_tag" name="val_tag1">
<option value="1" >Newbie</option>
<option value="2" >Amateur</option>
<option value="3" selected="selected" >Rockstar</option>
</select>
</div>
(more code similar to above...)
The names of each input text and select box are generated dynamically, while the classes remain the same. I have successfully used jQuery to pass simple variables from textboxes and select boxes to my script that I knew beforehand, but I am struggling with passing them as arrays. I attempted to do so like this:
data: {valTags: $('.val_tag').val(), dynTags: $('.dynamicTags').val()}
within the $.ajax() function, however, I haven't been successful. It seems like there is something crucial missing in my approach, perhaps needing to utilize the .each() function somehow?
In the end, my ultimate goal is to have two arrays in my $_POST variable structured like this:
dynamicTags[] = ([0] => 'Web Design', [1] => 'Programming', [2] => 'Java' ...etc....)
val_tag[] = ([0] => 1, [1] => 0, [2] => 0 ...etc....)