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ć?

[przemoos]

No, prawie.. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Twoja funkcja podczas tworzenia nowego elementu zwracała błąd (przeglądarka Firefox).

Dzięki Tobie jednak napisałem to o co mi chodziło, dzięki za nakierowanie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Poniżej cały kod, który działa:

Kod

var countInputs = 0;
function addInput(id)
{
    var oDiv = document.getElementById(id);
    var inputElement = document.createElement("input");
    inputElement.setAttribute("name","userfile_"+countInputs);
    inputElement.setAttribute("type","file");
    oDiv.appendChild(inputElement);
    countInputs++;
}

i do tego html:

[HTML] pobierz, plaintext 
<div id="inputLayer"></div>
<a href="javascript:addInput('inputLayer')">Dodaj input</a>
[HTML] pobierz, plaintext