Najlepiej zobaczyć skrypt w akcji: www.p3a.microchip.net.pl/test/upload2.html

Dodaje dynamicznie nowe pola na plik do wysłania. Gdy ustawię plik w polu <input type="file" i kliknę na NOWY PLIK to pojawia się nowe pole na plik ale wszystkie formularze resetują się.
Jak zapobiec resetowaniu formularza używająć "document.getElementById("nowepole").innerHTML += trescpola;" ?

  1. <script type="text/javascript" >
  2.  
  3. nrpliku=0;
  4.  
  5. function DodajPoleNaPlik()
  6. {
  7. nrpliku++;
  8. trescpola = "<div><fieldset id=\"fie"+nrpliku+"\"><legend id=\"leg"+nrpliku+"\">Plik nr "+nrpliku+"</legend><p><fieldset class=\"plikpara\"><legend>Plik do wysłania</legend><input type=\"file\" size=\"10\" name=\"my_field[]\" /></fieldset> <fieldset class=\"plikpara\"><legend>Twórz miniature</legend><select name=\"f_minia[]\"><option value=\"1\">TAK<option value=\"0\">NIE</select></fieldset><fieldset class=\"plikpara\"><legend>Zmień rozmiar obrazka</legend><select name=\"f_img_rozm[]\"><option value=\"0\">Orginalny<option value=\"1\">900/800<option value=\"2\">600/500</select></fieldset><fieldset class=\"plikpara\"><legend>Dodaj napis na obrazku</legend><input type=\"text\" name=\"f_napis[]\"><select name=\"f_text_kolor[]\"><option value=\"#FFFFFF\">BIALY<option value=\"#000000\">CZARNY<option value=\"#FF0000\">CZERWONY</select></fieldset><br /><fieldset class=\"plikpara\"><legend>Komentarz do pliku</legend><input type=\"text\" size=\"80\" name=\"f_img_komm[]\"></fieldset></p></fieldset></div>";
  9.  
  10. document.getElementById("nowepole").innerHTML += trescpola;
  11. }
  12.  
  13. //ONCHANGE=\"java script:document.getElementById('leg"+nrpliku+").innerHTML+=\" = \"+this.value;\"
  14. //ONCHANGE=\"java script:this.disabled=true;\"
  15.  
  16.  
  17. </head>
  18.  
  19. <form name="form" enctype="multipart/form-data" method="post" >
  20. <legend id="aa">upload </legend>
  21.  
  22. <div id="nazwapliku" style="color:#ff0000;"></div>
  23.  
  24. <div id="nowepole">
  25. <a onclick="DodajPoleNaPlik();">NOWY PLIK</a>
  26. </div>
  27. <p class="button"><input type="hidden" name="action" value="multiple" />
  28. <input type="submit" name="Submit" value="upload" /></p>
  29.  
  30. </form>


Problem rozwiązany.
Odpowiedz znalazłem tutaj:
www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/

Przykład