Javascript Ile Extra Textbox Eklettirip Içindeki Veriyi Almak?

21-11-2010, 01:29:28

Üyeliği durduruldu

kullanıcıya bir textbox sunuyorum ve girdiği bilgiyi submit butonuyla alıyorum. ama istiyorum ki kullanıcı birden çok bilgi girecekse gene javascript ile çalışacak "textbox ekle" butonu olsun ve bu eski textbox'ın altına yeni bir textbox eklesin. ben de bu bilgiyi ilki gibi çekebileyim. farklı çekmem için yeni textbox'ın idsinin farklı olması gerektiğinden çıkar bol bulamadım.
not: divleri show/hide yöntemiyle oluyor ama istediğim kullanıcı "textbox ekle" butonuna tıkladığında yalnızca bir textbox eklensin ve kullanıcıyı x kadar eklebilirsin diye sınırlamayayım.

23-11-2010, 20:24:00

#2

skipful

İstediğin çok basit aslında.

<html>
<head>
<title>Textbox ekle - MahiriX</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	
	var i = 1;
	
	function yeniekle(){
		
		var eskiveri = $("#yenitextboxdivi").html();
		
		$("#yenitextboxdivi").html(eskiveri + "<p>Yeni input "+i+" : <input type='text' name='yeniinput"+i+"' id='yeniinput"+i+"' /></p>");
		
		
		$("#textboxsayisi").html('<input type="hidden" name="sayi" id="sayi" value="'+i+'" />');
		
		i = i + 1; 
		
	
	}
</script>
<head>
<body>

<form action="gonder.php" method="post">

<div>Text box : <input type="text" name="anatextbox" id="anatextbox" /> <a href="javascript:yeniekle()">Yeni Ekle</a></div>

<div id="yenitextboxdivi"></div>

<div><input type="submit" value="Gonder"><span id="textboxsayisi"><input type="hidden" name="sayi" id="sayi" value="0" /></div>

</form>
</body>
</html>

Jquery çagır test et görürsün. Php kodu ise extra textboxları almak için.

<?php

$sayi = $_POST["sayi"];

if($sayi >= 1){

for($i = 1; $i <= $sayi; $i++){

 echo $_POST["yeniinput".$i.""];

}

}

?>

16-10-2015, 15:19:00

#3

sanalyer

Kimlik doğrulama veya yönetimden onay bekliyor.

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

İstediğin çok basit aslında.

<html>
<head>
<title>Textbox ekle - MahiriX</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	
	var i = 1;
	
	function yeniekle(){
		
		var eskiveri = $("#yenitextboxdivi").html();
		
		$("#yenitextboxdivi").html(eskiveri + "<p>Yeni input "+i+" : <input type='text' name='yeniinput"+i+"' id='yeniinput"+i+"' /></p>");
		
		
		$("#textboxsayisi").html('<input type="hidden" name="sayi" id="sayi" value="'+i+'" />');
		
		i = i + 1; 
		
	
	}
</script>
<head>
<body>

<form action="gonder.php" method="post">

<div>Text box : <input type="text" name="anatextbox" id="anatextbox" /> <a href="javascript:yeniekle()">Yeni Ekle</a></div>

<div id="yenitextboxdivi"></div>

<div><input type="submit" value="Gonder"><span id="textboxsayisi"><input type="hidden" name="sayi" id="sayi" value="0" /></div>

</form>
</body>
</html>

Jquery çagır test et görürsün. Php kodu ise extra textboxları almak için.

<?php

$sayi = $_POST["sayi"];

if($sayi >= 1){

for($i = 1; $i <= $sayi; $i++){

 echo $_POST["yeniinput".$i.""];

}

}

?>

silmek için ne yapmalıyız ?