niezamierzone "czyszczenie" pól formularza Opcje

[przemoos]

Witam!

Napisalem prosty skrypt:

Kod

<script language="javascript">
    var countInputs = 0;
    function dodajInput()
    {
  document.getElementById('inputLayer').innerHTML+='<br /><input name="userfile_'+countInputs+'" type="file" />';
  countInputs++;
    }
</script>

i formularz do tego:

Kod

<form enctype="multipart/form-data" method="post">
<div id="inputLayer">
    <input type="hidden" name="MAX_FILE_SIZE" value="900000" />
</div>
    <input type="submit" value="Send File" />
</form>
<a href="javascript:dodajInput();">Dodaj pole formularza</a>

Problem w tym, że klikając w link dodający nowe pole formularza kasuje mi się wcześniej wpisana wartość w innych polach input. Jak to naprawić?

[Serg_]

Zmieniasz tekst w divie, a nie tworzysz nowego inputa, do tego sluzy metoda createElement().

Kod

function addInput(id)
{
    var oDiv = document.getElementById(id);
    var oInput = document.createElement("<input type='file'>");
    oDiv.appendChild(oInput);
    return;
}

a poziej

[HTML] pobierz, plaintext 
<div id='fragment'>
<a href="javascript:addInput('fragment')">Tutaj nowe inputy:</a>
 
</div>
[HTML] pobierz, plaintext 

Tym samym sposobem mozna tworzyc dowolnego inputa, tabele, elementy tabeli itp.
O to chodzilo?

Pozdrowka

Serg