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;" ?
<script type="text/javascript" > nrpliku=0; function DodajPoleNaPlik() { nrpliku++; 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>"; document.getElementById("nowepole").innerHTML += trescpola; } //ONCHANGE=\"java script:document.getElementById('leg"+nrpliku+").innerHTML+=\" = \"+this.value;\" //ONCHANGE=\"java script:this.disabled=true;\" </script> </head> <body> <form name="form" enctype="multipart/form-data" method="post" > <fieldset > <div id="nowepole"> </div> </fieldset> </form>
Problem rozwiązany.
Odpowiedz znalazłem tutaj:
www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/
Przykład