[html][js]Dynamiczne dodawanie pól formularza z ustalonym zakresem Opcje

[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

Ten post edytował zzeus 23.04.2008, 19:03:49

[manyjg]

i działa tylko na początku musisz podać wartość zmiennej "licznik"

Kod

var licznik=1;

dzieki wielkie za pomoc ^^