Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne][JavaScript]Ograniczenie ilości wykonywania skryptu
Forum PHP.pl > Forum > Przedszkole
Zuzanna777
Mam input z plusem dodającym kolejny input

  1. <input type="text" class="form-control" placeholder="Imie">
  2. <span class="input-group-addon" id="basic-addon1">+</span>
  3. <div id="plus"></div>


<script>
$('#basic-addon1').on('click',function(){
$('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span ></span></div></div>'));
});
</script>

Proszę o sugestie jak ograniczyć ilość dodawanych plusem inputów do 10 ?
kapslokk
[JAVASCRIPT] pobierz, plaintext
  1. var i = 0;
  2. $('#basic-addon1').on('click',function(){
  3. if(i< 10){
  4. $('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span ></span></div></div>'));
  5. i++;
  6. }
  7. });
[JAVASCRIPT] pobierz, plaintext
Zuzanna777
Dziękuję.

A czy możliwa jest jeszcze modyfikacja gdyż jak dodałem minus do usuwania inputów to ogranicza mi on
znowu dopełnianie plusem do 10.
Czyli jak dodam 3 a usunę 2 to max jest 8 inputów.


  1. <input type="text" class="form-control" placeholder="Imie">
  2. <span class="input-group-addon" id="basic-addon1">+</span>
  3. <span class="input-group-addon" id="basic-addon1">-</span>
  4. <div id="plus"></div>
  5. <script>
  6. var i=0;
  7. $('#basic-addon1').on('click',function(){
  8. if(i<9){
  9. $('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span ></span></div></div>'));
  10. //alert ('fff');
  11. i++;
  12. }
  13. });
  14. $('#minus').on('click',function(){
  15.  
  16. $('.pow:last').remove();
  17. });
  18.  
  19. </script>
nospor
Czyz nie jest dosc oczywiste, ze skoro przy dodawaniu pol zwieksza i o 1
i++;

to ze przy usuwaniu pol musisz to i zmniejszyc o 1
i--;
?

Dostales naprawde prosty kod, w zasadzie jeden IF i zmienna "i" z ktorej korzyta ten if i nawet nie probowales tego zrozumiec co to robi
Zuzanna777
Dopiero udało się:/
Problemem było także użycie kilka razy "-" aż były wartości ujemne ale działa.
Dzięki.
  1. <script>
  2. var i=0;
  3. $('#basic-addon1').on('click',function(){
  4. if(i<9){
  5. $('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span ></span></div></div>'));
  6. i++;
  7. }
  8. });
  9.  
  10. $('#minus').on('click',function(){
  11. if(i>0){
  12. $('.pow:last').remove();
  13. i--;
  14. }
  15. });
  16.  
  17. </script>
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.