Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ปัญหา Jquery หา button ไม่เจอหลังจากส่งค่าไปอีก pageนึงเเล้วกลับมา page เดิม

ปัญหา Jquery หา button ไม่เจอหลังจากส่งค่าไปอีก pageนึงเเล้วกลับมา page เดิม

เริ่มหัวข้อใหม่

grandraft

โพสกระทู้ ( 545 )
บทความ ( 0 )

มีปัญหาเรื่อง เวลาส่งค่าไปอีก page เเล้วกลับมา page เดิม เเล้วได้สร้าง butto nมานึงอัน เวลากดมันเเล้วมันหาปุ่มนั้นไม่เจอครับ
มีวืธีแก้ไขยังไงเหรอครับ
code page1 ชื่อ test
Code (PHP)

$(document).ready(function(){
	$("#btn_ok").click(function(){
		$.post("test1.php", { val: "profile", name: $("#txt_name").val()},  function(data) {
//		    $("#divPostData").html(data); 
		    $("#divPostData").html(																																																'<input type="text" name="textbox1" id="textbox1" value="'+data.name+'" /><br/>																			<input type="button" name="btn_pro" id="btn_pro" value="Enter" />'); 
	    },'json');		
	}); 	
	$('#btn_pro').click(function(){
		alert("Enter OK");
	}); 		
});
<div id="divPostData"></div>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="txt_name" id="txt_name" />
  </label>
  <label>
  <input type="button" name="btn_ok" id="btn_ok" value="Button" />
  </label>
</form>
</script>

code page2 ชื่อ test1
Code (PHP)

<?php
$val = $_POST["val"];
if ($val == 'profile')
{
	$name = $_POST["name"];
	//$name = 'aaa';
echo json_encode(array('name'=>$name));
}
?>

Tag : PHP, HTML/CSS, JavaScript, jQuery

Date : 2011-12-09 10:40:09

By : grandraftz

View : 1203

Reply : 2

No. 1

The Gunner

โพสกระทู้ ( 392 )
บทความ ( 0 )

แก้ตามโจทย์ที่ขอ แล้วกันนะ
ส่วนจะเอาไปใช้ยังไงก็ ดัดแปลงเองละ

Code (PHP)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$(document).ready(function(){
	$("#btn_ok").click(function(){
		var name= $('#txt_name').val();
		var pro= 'profile';
		//alert(name);
		$.ajax({
		type: 'POST',
		url: 'test1.php',     
		data: "txt_name="+name+"&pro="+pro,
		
				success: function(data){ //alert(data);
				data_new = data.split(String.fromCharCode(6));
				$("#divPostData").html(data_new[0]+''+data_new[1]);                    
				}
		
		});	
		
		/*
		$.post("test2.php", { val: "profile", name: $("#txt_name").val()},  function(data) {
		    $("#divPostData").html(																																																'<input type="text" name="textbox1" id="textbox1" value="'+data.name+'" /><br/>
<input type="button" name="btn_pro" id="btn_pro" value="Enter" />'); 
	    },'json');		
	}); 	
	$('#btn_pro').click(function(){
		alert("Enter OK");
		*/
	}); 		
});
</script>

<!--
มีปัญหาเรื่อง เวลาส่งค่าไปอีก page เเล้วกลับมา page เดิม เเล้วได้สร้าง buttonมานึงอัน เวลากดมันเเล้วมันหาปุ่มนั้นไม่เจอครับ
มีวืธีแก้ไขยังไงเหรอครับ
code page1 ชื่อ test
-->

<div id="divPostData"></div>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="txt_name" id="txt_name" />
</label>
<label>
<input type="button" name="btn_ok" id="btn_ok" value="Button" />
</label>
</form>

test1.php
Code (PHP)

<?php
$val = $_POST[pro];
if ($val == 'profile')
{
	$name = $_POST[txt_name];
	//$name = 'aaa';
echo json_encode(array('name'=>$name)).'</br>';
echo chr(6).'<input type="text" name="textbox1" id="textbox1" value="'.$name.'" />
<input type="button" name="btn_pro" id="btn_pro" value="Enter" />';		
}
?>

Date : 2011-12-09 11:55:48

By : puchong

No. 2

grandraft

โพสกระทู้ ( 545 )
บทความ ( 0 )

ทำได้ละครับ
test.php
Code (JavaScript)

<script type="text/javascript">
$(document).ready(function(){
	$("#btn_ok").click(function(){
		var name= $('#txt_name').val();
		var pro= 'profile';
/*		$.ajax({
		type: 'POST',
		url: 'test1.php',     
		data: "txt_name="+name+"&pro="+pro, success: function(data){
				data_new = data.split(String.fromCharCode(6));
				$("#divPostData").html(data_new[0]+''+data_new[1]);
			$("#btn_pro").click(function(){
					alert("Pro ok");
			});	
		   }
		});*/
		$.post("test1.php", { name: name, pro: pro},   function(data) {
		    $("#divPostData").html(data.btn);
			$("#btn_pro").click(function(){
					alert("Pro ok");
			});	
	    },'json');			
	});
	
});
</script>

Code (PHP)

<body>
<div id="divPostData"></div>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="txt_name" id="txt_name" />
  </label>
  <label>
  <input type="button" name="btn_ok" id="btn_ok" value="Button" />
  </label>
</form>

</body>

test1.php
Code (PHP)

$val = $_POST["pro"];
if ($val == 'profile')
{
	$name = $_POST["name"];
	$btn = '<input type="text" name="textbox1" id="textbox1" value="'.$name.'" /><input type="button" name="btn_pro" id="btn_pro" value="Enter" />';	
echo json_encode(array('name'=>$name,'btn'=>$btn));
}
/*$val = $_POST[pro];
if ($val == 'profile')
{
	$name = $_POST[txt_name];
echo json_encode(array('name'=>$name)).'</br>';
echo chr(6).'<input type="text" name="textbox1" id="textbox1" value="'.$name.'" />
<input type="button" name="btn_pro" id="btn_pro" value="Enter" />';		
}*/

Date : 2011-12-12 10:10:20

By : grandraftz

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ปัญหา Jquery หา button ไม่เจอหลังจากส่งค่าไปอีก pageนึงเเล้วกลับมา page เดิม

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05