Formulář přídání řádku

Ahoj, do téma ročníkové práce do školy jsem si vybral zpracovat účetní systém v PHP a MySQL. Jelikož jsem začátečník měl bych dotaz pro zkušenější. O co jde? pro vytvoření faktury bach chtěl poradit jak vytvořit(zřejmě přes JS) tlačítko pro přidávání položek na fakturu Po kliku na Nová faktura bych chtěl aby se zobrazil formulář, který už mám skoro hotov, až na tuto věc. PO kliku se zobrazí odběratel atp. a jeden řádek pro zboží, který bude mít např. name=polozka1, to bude deafultně. POté když bude chtít přidat někdo další položku tak po kliku na přidat další se obejví tentýž pole, akortá s atributy např. name=polozka2, další polozka3, ...... Měl bych na to jít asi přes cyklus for, ale když to zpustím tak mi z toho udělá buď polozka11 a z druhe udělá také polozka11, takže žadné rozlišení tam není. Věděl by někdo poradit? Kdyžtak i nějakou symbolickou odměnu bych mohl dát. Kód "problému": <script> function addEvent() { var ni = document.getElementById('myDiv'); var numi = document.getElementById('theValue'); var num = (document.getElementById("theValue").value -1)+ 2; numi.value = num; var divIdName = "my"+num+"Div"; var newdiv = document.createElement('div'); newdiv.setAttribute("id",divIdName); newdiv.innerHTML = '<? for ($i=1; $i<=10; $i++){$cislo = $i++;}?><h4>název služby</h4><input type="text" name="polozka<? print $cislo; ?>" size="30" /><h4>množství</h4><input type="text" name="mnozstvi<? print $i; ?>" /><h4>cena za <select><option>KS</option><option>KG</option><option>M</option><option>M2</option><option>HOD</option></select></h4><input type="text" name="jednotkova_cena<?print $i; ?>" /><h4>cena celkem</h4><p>dopočítá se samo</p><input type="text" name="cena_radku<? print $i; ?>" /><br /><a href="javascript:;" onclick="removeElement('"+divIdName+"')">Smazat položku</a><? ?>'; ni.appendChild(newdiv); } function removeElement(divNum) { var d = document.getElementById('myDiv'); var olddiv = document.getElementById(divNum); d.removeChild(olddiv); } </script> <FORM ACTION="" METHOD="post" ENCTYPE="multipart/form-data" /> <input type="hidden" value="0" id="theValue" /> <div id="myDiv"> </div> <p><a href="javascript:;" onclick="addEvent();">Přidat položku</a></p> <INPUT TYPE="submit" NAME="odeslat" VALUE=">" /> </FORM> <? if($odeslat ==">") {print $polozka1; for ($i=1; $i<=10; $i++) print $polozka.$i;} ?>

Zkus treba pouzit jQuery, s tim jde vsechno jednoduseji a nemusis se sr*t s takovejma zbytecnostma.