Dynamiczne dodawanie elementów w formularzu? Opcje

[lutar]

Witam, chciałbym zrobić formularz wystawiania faktury na stronie. Myślałem o tym żeby dynamicznie dodawać kolejne pozycje w tej fakturze (np. będzie to pole tekstowe) po naciśnięciu odpowiedniego przycisku. Jeśli ktoś podsunąłbym mi pomysł jak to zrobić byłbym wdzięczny.

[merle]

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!-- <![CDATA[
i=0;
function wstaw() {
  i++;
  var tekst = document.createTextNode('pole '+i+': ');
  var input = document.createElement('input' );
      input.setAttribute('type', 'text');
      input.setAttribute('name', 'p'+i);
	input.setAttribute('size', '4');
  var br    = document.createElement('br');
  var div   = document.createElement('div');
      div.appendChild(tekst);
      div.appendChild(input);
      div.appendChild(br);
  document.getElementById('pola').appendChild(div);
 
 
 
 
}
// ]]> -->
</script>
<script type="text/javascript">
<!-- <![CDATA[
j=0;
function wstaw2() {
  j++;
  var tekst = document.createTextNode('polee '+j+': ');
  var input = document.createElement('input');
      input.setAttribute('type', 'text');
      input.setAttribute('name', 'a'+j);
  var br    = document.createElement('br');
  var div   = document.createElement('div');
      div.appendChild(tekst);
      div.appendChild(input);
      div.appendChild(br);
  document.getElementById('pola2').appendChild(div);
}
// ]]> -->
</script>
 
<form action="index5.php" method="post">
<p><input type="button" value="wstaw nowe pole" onclick="wstaw(),wstaw2()" /></p>
 <TABLE>
<TD><div id="pola">
</div></TD>
 <TD><div id="pola2"  >
</div></TD>
</TABLE>
<p><input type="submit" value="wyślij pola" /></p>
</form>
[HTML] pobierz, plaintext 

tak na wszelki wypadek jakby ktos potrzrebowal

Ten post edytował merle 14.07.2006, 09:02:22