[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)

[Aure]

Można też krócej:

Kod

function addField() {
formFieldsDiv = document.getElementById('formFields');
formFieldsDiv.innerHTML =  formFieldsDiv.innerHTML+'<input type="text" name="pole[]"><br />';
}

<div id="formFields">
<input type="text" name="pole[]"><br />
</div>

Ten post edytował Aure 31.07.2006, 12:57:25