Récuperer un tableau

Bonjour,
je fais appel à vous car je ne sais pas par quelle manière je peut résoudre mon problème.

Donc j'ai un formulaire à remplir puis une fois remplie on clique sur le bouton comme ça la page se recharge et on teste avec isset et on stocke dans la base de donnée. Bon rien de bien méchant pour le moment et de plus c'est du php et non du JS vous allez me dire.

Oui mais là où ça se complique c'est que dans ce formulaire je créé un tableau dynamique en ......JS et oui le voilà notre fameux Javascript.

Mais voilà quand on lance l'appel du formulaire je veux aussi récupérer les données de mon tableau, et avec PHP pour stocker ça dans la database.
Comment m'y prendre car je ne vois pas du tout. Pour vous aider voici du code.

La creation du tableau dynamique

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function ajoutCatTab()
                        {
                            if(document.getElementById('valCat'))
                                {
                                    var tableau = document.getElementById("selectCat");
                                    var ligne = tableau.insertRow(-1);
                                    var colonne1 = ligne.insertCell(0);
                                    colonne1.innerHTML += document.getElementById('valCat').value;
                                    var colonne2 = ligne.insertCell(1);
                                    colonne2.innerHTML += document.getElementById('valCat2').value;
                                    var colonne3 = ligne.insertCell(2);
                                    colonne3.innerHTML += document.getElementById('valTarif').value + "€";
 
                                    var colonne4 = ligne.insertCell(3);
                                    var inputDesc = document.createElement("input");
                                    inputDesc.className="inp_desc_type";
                                    inputDesc.name="inpDescription";
                                    colonne4.appendChild(inputDesc);                                    
 
                                    var colonne5 = ligne.insertCell(4);
                                    var butValid = document.createElement("img")
                                    butValid.className="imgValid";
                                    butValid.src='images/icones/valid.png';
                                    addEvent(butValid,"click",function (){validCatTab(ligne, inputDesc)});
                                    colonne5.appendChild(butValid);
 
                                    var butSuppr = document.createElement("img")
                                    butSuppr.className="imgSuppr";
                                    butSuppr.src='images/icones/close.png';
                                    addEvent(butSuppr,"click",function (){supprCatTab(ligne)});
                                    colonne5.appendChild(butSuppr);

Un bout du formulaire avec l'appel de la fonction

Code:

1
2
3
 
<img class="img_add" src="images/icones/add.png" alt="Add" title="Ajouter au dossier" onclick="ajoutCat();" onmouseover="this.style.backgroundColor = 'gray'" onmouseout="this.style.backgroundColor = ''" />
<textarea class="txt_desc" rows="6" cols="70" class="message" name="description"></textarea>

Merci d'avance pour votre aide