Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][js]Dynamiczne dodawanie pól formularza z ustalonym zakresem
Forum PHP.pl > Forum > Przedszkole
manyjg
witam

jestem wielkim laikiem w JS, ale przydał mi się jeden prosty skrypt z tej strony.
oto kod jaki osobiście użyłem w nagłówku
Kod
<script type="text/javascript">
     <!--
     function dodaj_element(kontener){
    
         var znacznik = document.createElement('input');
         znacznik.setAttribute('type', 'file');
         znacznik.setAttribute('name', 'plik');
         znacznik.className = 'upload';
         var kontener = document.getElementById(kontener);
         kontener.appendChild(znacznik);<font color="#0000ff"></font>
     }
     //-->
     </script>

formularz
Kod
<form action="jakisplik.php" method="post">
         <div id="pliki">
             <input type="file" name="plik" class="upload" />
         </div>
         <div>
             <input type="button" value="Załącz kolejny plik" onclick="dodaj_element('pliki');" />
             <input type="submit" value="Wyślij" />
         </div>
     </form>


Pytanie moje brzmi jak zrobić ograniczenie by można było dodać tylko 3 pliki czyli, aby nie rozwijalo się to w nieskończonośc tylko kod JS po 3 kliknięciach w button nie wiem zakrywał go uniemożliwoaqł kolejne uzycie kodu
zzeus
Kod
<script type="text/javascript">
     <!--

     var licznik;

     function dodaj_element(kontener){
        
         if(licznik >= 3)
         {
               alert('Można dodać maksymalnie 3 pliki.');
               return false;
         }
         else
        {
               licznik++;
         }
         var znacznik = document.createElement('input');
         znacznik.setAttribute('type', 'file');
         znacznik.setAttribute('name', 'plik');
         znacznik.className = 'upload';
         var kontener = document.getElementById(kontener);
         kontener.appendChild(znacznik);<font color="#0000ff"></font>
     }
     //-->
     </script>


Spróbuj tak
manyjg
i działa tylko na początku musisz podać wartość zmiennej "licznik"

Kod
var licznik=1;


dzieki wielkie za pomoc ^^
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.