jQuery ile butona tıklayınca input üretmek

08-12-2014, 02:14:51

Üyeliği durduruldu

 <input type="text" name="altmenu[menu]" class="form-control" placeholder="">

Bir butonu yapmaya çalışıyorum. Tıkladığınız da yukarıdaki koddan oluşturacak. Fakat bir özelliği daha olmasını istiyorum her tıkladığınız da NAME kısmındaki rakam artacak;

 <input type="text" name="altmenu1[menu]" class="form-control" placeholder="">

 <input type="text" name="altmenu2[menu]" class="form-control" placeholder="">

 <input type="text" name="altmenu3[menu]" class="form-control" placeholder="">

vs bu mümkün müdür? nasıl yaparız

08-12-2014, 14:45:31

#2

FaTe

Al hocam yaptım senin için

<!-- r10.net FaTe -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>	


<script type="text/javascript">

$(document).ready(function(){

	var cnt = 2;
	$(".addCF").click(function(){
		$("#westarz").append('<tr><td><input type="text" name="altmenu'+cnt+'[menu]" class="form-control" placeholder=""></td><td><a href="javascript:void(0);" class="remCF">Sil</a></td></tr>');
		cnt++;
		
	});
	

    $("#westarz").on('click','.remCF',function(){
		if (confirm("Silmek istediğinizden emin misiniz?"))
        {
        $(this).parent().parent().remove();
		}
    });	
  
	
});
	
</script>

</script>
<body>

<table border="0" id="westarz">
<tr>
<td> <input type="text" name="altmenu[menu]" class="form-control" placeholder=""></td>
<td><a href="javascript:void(0);" class="addCF">Ekle</a></td>
</tr>  
</table>
</body>

08-12-2014, 16:04:53

#3

~~weStarz~~

Üyeliği durduruldu

FaTe adlı üyeden alıntı: mesajı görüntüle

Al hocam yaptım senin için

<!-- r10.net FaTe -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>	


<script type="text/javascript">

$(document).ready(function(){

	var cnt = 2;
	$(".addCF").click(function(){
		$("#westarz").append('<tr><td><input type="text" name="altmenu'+cnt+'[menu]" class="form-control" placeholder=""></td><td><a href="javascript:void(0);" class="remCF">Sil</a></td></tr>');
		cnt++;
		
	});
	

    $("#westarz").on('click','.remCF',function(){
		if (confirm("Silmek istediğinizden emin misiniz?"))
        {
        $(this).parent().parent().remove();
		}
    });	
  
	
});
	
</script>

</script>
<body>

<table border="0" id="westarz">
<tr>
<td> <input type="text" name="altmenu[menu]" class="form-control" placeholder=""></td>
<td><a href="javascript:void(0);" class="addCF">Ekle</a></td>
</tr>  
</table>
</body>

Çok teşekkür ediyorum gerçekten hocam çok makbule geçti.