
Mam formularz zamówienia gdzie wiersze są dodawane dynamicznie. A problem wygląda następująco: Chcę zapisać to zamówienie w bazie danych i nie wiem jak to zrobić. Dane z pól formularza przechowywane są w tablicy. Mam utworzoną w bazie tabelę produkty i klienci.
Tak wygląda formularz:
<!-- NAGLOWEK --> <?php require ('naglowek.php'); ?> <?php } } ?> <br /> <form method = 'post' action = 'wystaw_dd.php'> <table align = 'center' width = '68%' class='tabelabaza'> <tr><td>ODBIORCA:</td><td><?php } </td> <td><a href="#" id="dodajwiersz" class = " big button cien" >Dodaj nowy wiersz</a></td> </tr> </table> <table id='tabela' align='center' width='68%'> <tr> <th align = 'left'>Lp.</th> <th align = 'left'>Nazwa Produktu</th> <th align = 'left'>Ilość</th> <th align = 'left'>j.m.</th> <th align = 'left'>Cena Netto</th> </tr> </table> <script> $(document).ready(function() { //funkcja odczytująca kliknięcie w element o id: dodajWiersz //i wykonująca akcję dodawania nowego wiersza do tabeli $('#dodajwiersz').click(function() { var selectHtml = $('select.kopia').clone().removeClass('kopia'); var selectHtml2 = $('select.kopia2').clone().removeClass('kopia2'); //policz ile jest wierszy w tabeli var liczba = $('#tabela tr').length; //pierwsza komórka var f1 = '<td><select class="medium" name="nazwaproduktu">'+selectHtml.html()+'</select></td>'; //druga komórka var f2 = '<td><input type="text" class="medium" name="ilosc"></input></td>'; //trzecia komórka var f3 = '<td><select class="medium" name="jm"><option>szt.</option><option>kg</option></select></td>'; //czwarta komórka var f4 = '<td><select class="medium" name="cenanetto">'+selectHtml2.html()+'</select></td>'; //piąta komórka var f5 = '<td><a class="button delete" href="#"><img src = "usun.gif"></a></td>'; //w tej zmiennej definiujemy nowy wiersz w tabeli var row = '<tr class="none" id="wiersz-'+liczba+'"><td>'+liczba+'</td>'+f1+f2+f3+f4+f5+'</tr>'; //dołącz nowy wiersz na końcu tabeli $('#tabela').find('tbody').append(row); //usuwamy klasę: none z wiersza oraz animujemy efekt dodawania wiersza $('tr.none').removeClass('none').animate({'backgroundColor':'#6699cc','color':'#99ccff'},300,function(){ $(this).animate({'backgroundColor':'#99ccff','color':'#6600ff'},300); }); }); //funkcja odczytująca kliknięcie w element o klasie: delete //i wykonująca akcję usuwania danego wiersza z tabeli //oraz dokonuje przeliczenia numerów wierszy w tabeli $('.delete').live('click',function() { //znajdź najbliższy wiersz będący elementem nadrzędnym dla linka usuwającego ten wiersz //i wykonaj animację $(this).closest('tr').animate({'backgroundColor':'#cc99cc','color':'#6600ff'},300,function(){ //usuń dany wiersz $(this).remove(); //aktualizuj numery pozostałych wierszy //dzięki temu gdy usuniemy wiersz w środku tabeli //to nie będzie istniała dziura w numeracji wierszy $('#tabela > tbody > tr').each(function(i) { //wpisz nowy numer wewnątrz pierwszej komórki danego wiersza $(this).find('tr:first-child').text(i+1); }); }); }); }); </script> <table align = 'center' class = 'tabelaoddolu' width = '68%'> <tr><td align = 'center'><button class="big button cien" type="submit">Wystaw</button></tr></td> </table> <br /> <?php require ('stopka.php'); ?>