Poniżej wklejam kawałek kodu (jeden prosty pliczek) z JS-em. Dodaję dynamicznie dane JS-em (buttonami) - dodaje grupę i do niej jedną lub kilka opcji.
Chciałbym to, co otrzymam w postaci tablicy (pod koniec pliku oznaczone kodem php) wysłać do mojej bazki, która ma nastepującą strukturę:
|====GRUPA====|
|------id-----|
|----nazwa----|
|=============|
|====OPCJE====|
|------id-----|
|--id_grupy---| //FK do GRUPA.ID
|----nazwa----|
|=============|
W jaki sposób moge to zrobić? Nie jestem jakoś super doświadczony w php, więc pytam


Przykładowy wynik tego print_r : Array ( [0] => g1o1 ) Array ( [0] => g2o1 [1] => g2o2 [2] => g2o3 )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Dokument bez tytułu</title> <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> <script type="text/javascript"> var counter_group = 0; var limit_group = 10; var counter_option = 0; var limit_option = 10; var addInput = function(divName) { if (counter_option == limit_option - 1) { alert('You cannot add more options.'); } else { counter_option++; var newdiv = document.createElement('div'); newdiv.innerHTML = "<font style='margin-left:50px;'>Option</font> " + (counter_option + 1) + "<input type='text' name='groups[" + counter_group + "][options][]'>"; document.getElementById(divName).appendChild(newdiv); } } var addGroup = function(divName) { if (counter_group == limit_group - 1) { alert('You cannot add more groups.'); } else { counter_group++; counter_option = -1; var newdiv = document.createElement('div'); newdiv.innerHTML = "Group " + (counter_group + 1) + "<input type='text' name='groups[" + counter_group + "][name]'>"; document.getElementById(divName).appendChild(newdiv); } } </script> </head> <body> <form action="costam.php" method="post"> <input type="hidden" name="sent" value="true" /> <div id="dynamicInput"> Group 1 <br> <input type="text" name="groups[0][name]"> <div id="dynamicInput" style="margin-left:50px;"> Option 1 <br> <input type="text" name="groups[0][options][]"> </div> </div> <input type="button" value="Add another group" onClick="addGroup('dynamicInput');"> <input type="button" value="Add another option" onClick="addInput('dynamicInput');"> <input type="submit" value="Dodaj do bazy" class="alt_btn"> </form> <?php if($_POST['sent']) { foreach ($_POST['groups'] as $group) { $name = $group['name']; } } ?> </body> </html>