Witam,

Chcę zrobić dynamiczne dodawanie pól formularza wszystko działa pięknie gdy chcę powielać jeden input jednocześnie..
Problem pojawia się wtedy gdy chcę powielać dwa inputy jednocześnie czyli jednym pliknieciem w button chce dodać następne dwa inputy: Nazwa oraz Powierzchnia

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
function dodaj_element(kontener){
	var znacznik = document.createElement('input');
	znacznik.setAttribute('type', 'text');
	znacznik.setAttribute('name', 'powierzchnia[]');
	znacznik.className = 'zestawienie_powierzchni';
	var kontener = document.getElementById(kontener);
	kontener.appendChild(znacznik);
}
//-->
</script>
 
<style type="text/css">
<!--
input.zestawienie_powierzchni { display: block; }
-->
</style>
 
<div id="zestawienie">Nazwa: <input type="text" name="powierzchnia[]" class="zestawienie_powierzchni"> Powierzchnia:<input type="text" name="m2[]" class="wm2"></div>
 
<input type="button" value="Dodaj kolejne pole" onclick="dodaj_element('zestawienie');" />
[HTML] pobierz, plaintext 

Mam jeszcze drugie pytanie. Jak odebrać następnie te dane i zapisać do bazy danych, Nazwa oraz Powierzchnia muszą być w jednym rekordzie.. Nie wiem jak to pogrupować..

[PHP] pobierz, plaintext 
foreach ($_POST as $klucz => $tablica ) {
	  echo 'kluczc: '.$klucz.'<br>';
	  foreach ($tablica as $nr_wiersza => $warotsc )
		 echo 'nr wiersza: '.$nr_wiersza.' wartosc :'.$warotsc.'<br>';
   }
[PHP] pobierz, plaintext 

Z góry dzięki za pomoc.

Trochę źle to robisz, niby działa, ale potem właśnie masz problemy z odebraniem tego i tak dalej...
Powinieneś przerobić funkcję dodaj_element() tak aby dodawała ci dwa pola naraz, każde z unikalnym indexem - takim samym dla jednej pary, żeby później wiadomo było które dane są do czego. Sam html powinien wyglądać mniej więcej tak (zwróć uwage na 'name' w inputach):

[HTML] pobierz, plaintext 
<input type="text" name="powierzchnia[1][powierzchnia]" class="zestawienie_powierzchni">
<input type="text" name="powierzchnia[1][m2]" class="wm2">
 
<input type="text" name="powierzchnia[2][powierzchnia]" class="zestawienie_powierzchni">
<input type="text" name="powierzchnia[2][m2]" class="wm2">
 
<input type="text" name="powierzchnia[3][powierzchnia]" class="zestawienie_powierzchni">
<input type="text" name="powierzchnia[3][m2]" class="wm2">
[HTML] pobierz, plaintext 

Wtedy możesz to odebrać z jednego parametru $_POST['powierzchnia'] co zwróci ci tablicę z parami. Później możesz ją sobie łatwo przelecieć za pomocą foreach i wstawić do bazy.

Dziękuję za odpowiedź.
Stanąłem w tym momencie:

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
function dodaj_element(kontener){
 
	var kontener = document.getElementById(kontener);
 
 
	var losowa=Math.floor(Math.random()*10);
 
	var znacznik1 = document.createElement('input');
	znacznik1.setAttribute('type', 'text');
	znacznik1.setAttribute('name', 'powierzchnia[losowa][powierzchnia]');
	znacznik1.className = 'zestawienie_powierzchni';
	kontener.appendChild(znacznik1);
 
	var znacznik2 = document.createElement('input');
	znacznik2.setAttribute('type', 'text');
	znacznik2.setAttribute('name', 'powierzchnia[losowa][m2]');
	znacznik2.className = 'wm2';
	kontener.appendChild(znacznik2);
 
}
//-->
</script>
 
<style type="text/css">
<!--
input.zestawienie_powierzchni { display: block; }
input.wm2 { display: block; }
-->
</style>
 
 
<form action="" method="post">
 
	<div id="zestawienie">
		Nazwa: <input type="text" name="powierzchnia[][powierzchnia]" class="zestawienie_powierzchni"> 
		Powierzchnia:<input type="text" name="powierzchnia[][m2]" class="wm2">
	</div>
 
	<div>
		<input type="button" value="Dodoaj kolejne pola" onclick="dodaj_element('zestawienie');" />
		<input type="submit" value="Wyslij" />
	</div>
</form>
[HTML] pobierz, plaintext 

I dodaje się tylko jedno pole i nie wiem też z jakimi indeksami..
Proszę o pomoc

przetestowałem ten skrypt na ie i mozilli chwilowo nie mam nic więcej ale dodaje prawidłowo po dwa pola tyle razy ile się naciśnie dodaj tylko masz błąd w liczbie losowej,zamień na :

[HTML] pobierz, plaintext 
znacznik2.setAttribute('name', 'powierzchnia[' + losowa +'][m2]');
[HTML] pobierz, plaintext 

dodało mi pola takie :

[HTML] pobierz, plaintext 
<input type="text" name="powierzchnia[3][powierzchnia]" class="zestawienie_powierzchni">
<input type="text" name="powierzchnia[3][m2]" class="wm2">
[HTML] pobierz, plaintext 

Działa, dzięki. Punkty rozdane.

No ale to raczej nie powinna być liczba losowa, bo jeśli ci się trafi taka sama liczba (po wylosowaniu) to jeden z rekordów ci zginie przy przesyłaniu.

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
var index = 0;
function dodaj_element(kontener){
 
	var kontener = document.getElementById(kontener);
 
 
	index++;
 
	var znacznik1 = document.createElement('input');
	znacznik1.setAttribute('type', 'text');
	znacznik1.setAttribute('name', 'powierzchnia['+index+'][powierzchnia]');
	znacznik1.className = 'zestawienie_powierzchni';
	kontener.appendChild(znacznik1);
 
	var znacznik2 = document.createElement('input');
	znacznik2.setAttribute('type', 'text');
	znacznik2.setAttribute('name', 'powierzchnia['+index+'][m2]');
	znacznik2.className = 'wm2';
	kontener.appendChild(znacznik2);
 
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Nie musisz dawać tego kodu JS w komentarzach, już dawno te czasy minęły w których można było trafić na przeglądarkę nie obsługującą tagów <script>.