Dynamiczne dodawanie pól formularza oraz grupowanie dodanych rekordów Opcje

[Norbit_24]

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.

[krowal]

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>.

Ten post edytował krowal 24.03.2011, 10:52:28