[inne][JavaScript]Ograniczenie ilości wykonywania skryptu Opcje

[Zuzanna777]

Mam input z plusem dodającym kolejny input

[PHP] pobierz, plaintext 
<input type="text" class="form-control" placeholder="Imie">
<span class="input-group-addon" id="basic-addon1">+</span>
<div id="plus"></div>
[PHP] pobierz, plaintext 

<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 ?

Ten post edytował Zuzanna777 25.10.2016, 09:03:32

[kapslokk]

[JAVASCRIPT] pobierz, plaintext 
var i = 0;
$('#basic-addon1').on('click',function(){
if(i< 10){
    $('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span ></span></div></div>'));
i++;
}
 });
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował kapslokk 25.10.2016, 09:19:04

[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.

[PHP] pobierz, plaintext 
    <input type="text" class="form-control" placeholder="Imie">
    <span class="input-group-addon" id="basic-addon1">+</span>
    <span class="input-group-addon" id="basic-addon1">-</span>
     <div id="plus"></div>
	<script>
	var i=0;
	$('#basic-addon1').on('click',function(){
	if(i<9){
	$('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span  ></span></div></div>'));
	//alert ('fff');
        i++;
        }
        });
        $('#minus').on('click',function(){
 
	$('.pow:last').remove();
});						
 
</script>
[PHP] pobierz, plaintext 

[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.

[PHP] pobierz, plaintext 
<script>
	var i=0;
	$('#basic-addon1').on('click',function(){
		if(i<9){
			$('#plus').before($('<div class="pow"><div class="input-group"><input type="text" class="form-control" name="dodatkowe[]" placeholder="Imie"><span  ></span></div></div>'));
		i++;
		}
	});
 
	$('#minus').on('click',function(){
		if(i>0){
		$('.pow:last').remove();
		i--;
		}
	});						
 
</script>
[PHP] pobierz, plaintext 

Ten post edytował Zuzanna777 25.10.2016, 10:42:53