Witam!
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

Ogólnie zasady INSERT INTO w php znam, ale tylko w przypadku zwykłych zmiennych. Pomoże ktoś wygrzebać się z tych tablic?
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'];
print_r($options = $group['options']); }
}
?>
</body>
</html>