[JavaScript] Dynamiczne tworzenie kolejnych pól formularza, po kliknięciu [+] dodaje się owe pole <input> Opcje

[Athlan]

Cześć, generalnie chodzi mi o to, aby po naciśnięciu linku + dodawało się kolejne pole formularza, np:

[HTML] pobierz, plaintext 
<input type="text" name="pole[]"><br />
[HTML] pobierz, plaintext 

po naciśnięciu plusa trzykrotnie dynamicznie stworzą się kolejne nowe pola jedno pod drugim:

[HTML] pobierz, plaintext 
<input type="text" name="pole[]"><br />
<input type="text" name="pole[]"><br />
<input type="text" name="pole[]"><br />
<input type="text" name="pole[]"><br />
[HTML] pobierz, plaintext 

macie namiary na jakieś gotowe skrypty lub (lepiej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ) jak napisać takie coś samemu (chodzi o generalną strukturę kodu i funkcje, których powinienem użyć, no i w jaki sposób mają się tworzyć nowe pola bo document.write() nie działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) )?

pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[babejsza]

Pod ręką mam coś takiego, po przeróbkach jak znalazł (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
i=0;
function wstaw() {  
    i++;  
    var tekst = document.createTextNode('pole '+i+': ');  
    var input = document.createElement('input' );      
    input.setAttribute('type', 'text');      
    input.setAttribute('name', 'p[]');	
    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);
}
 
 
function wstaw2() {  
    i++;  
    var tekst = document.createTextNode('pole '+i+': ');  
    var input = document.createElement('textarea');            
    input.setAttribute('name', 'p[]');  
    input.setAttribute('rows', '3');
    input.setAttribute('cols', '100'); 
    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>
[HTML] pobierz, plaintext 

w body:

[HTML] pobierz, plaintext 
<form action="index.php" method="post">
<p>
  <input type="button" value="input" onclick="wstaw()" />
  <input type="button" value="textarea" onclick="wstaw2()" />
</p>  
 
<p>
  <input type="submit" value="wyślij pola" />
</p>
</form>
[HTML] pobierz, plaintext