Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > สอบถามการนำค่า <span id="mySpan"></span> ที่ได้มาใส่ใน textbox



 

สอบถามการนำค่า <span id="mySpan"></span> ที่ได้มาใส่ใน textbox

 



Topic : 046930



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



สถานะออฟไลน์




สอบถามการนำค่า <span id="mySpan"></span> ที่ได้มาใส่ใน textbox

https://www.thaicreate.com/tutorial/ajax-responsetext.html

จาก URL ที่ผมได้ศึกษาข้างบน ค่าที่เราได้นำมาแสดงคือ <span id="mySpan"></span>
แต่เราต้องการจะไส่ค่าที่ได้นี้ลง textbox ยังไงคับ

รู้สึกว่าจะถามมากไปหน่อยวันนี้ คิดไม่ออกคับ ยังไงก็ขอบคุณล่วงหน้าคับ



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-08-11 14:31:45 By : piag3026 View : 6627 Reply : 14
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

Code (JavaScript)
document.getElementById("txtName").value = HttPRequest.responseText;







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-11 14:39:36 By : webmaster
 


 

No. 2



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



สถานะออฟไลน์


โค้ดนี้ใส่ตรงส่วนไหนเหรอคับ
ใส่ของ textbox รึป่าวคับ
<input name="teach" type="text" id="teach" maxlength="50"/>

เขียนจนสมองตื้นตันแล้วคับ หุหุ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-11 14:49:32 By : piag3026
 

 

No. 3



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

Quote:
<input name="teach" type="text" id="teach" maxlength="50"/>


ใส่แทน

<span id="">
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-11 15:26:33 By : webmaster
 


 

No. 4



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : webmaster เมื่อวันที่ 2010-08-11 14:39:36
รายละเอียดของการตอบ ::

ตรงนี้ผมใส่ใน ฟังชั่นไปแล้วนะคับ
ส่วน <span id="teach"></span><input id="teach" name="teach" type="text"/>

ผมลองเทียบทั้งสองดู ใน textbox ไม่มีค่ามาแสดงส่นที่ span มีค่าออกมาแสดงคับ

ลองใส่ ><input id="teach" name="teach" type="text"/> แทน span อย่างเดียวก็ไม่แสดงค่าครับ

งงมากมายคับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-11 16:08:33 By : piag3026
 


 

No. 5

Guest


อืมๆ อยากทราบเหมือนกันค่ะ เคยเจอปัญหานี้ แต่แก้ไม่ได้ค่ะ เอามาแสดงใน textbox ไม่ได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 08:01:01 By : หนูน้อย
 


 

No. 6



โพสกระทู้ ( 3,144 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


ทำตามตัวอย่างนั่นแหละครับ ใช้ document.getElementById แต่อ้างอิง id ของ control ให้ถูกก็พอ

จะใช้เป็นอะไรก็ได้ไม่ว่าจะเป็น div span input
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 08:39:19 By : tungman
 


 

No. 7



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



สถานะออฟไลน์


ถามอีกครั้งหนึ่งนะคับ หวังว่าคงไม่ลำคาญกันซะก่อน หุหุ

Code (PHP)
<script language="JavaScript">
	   var HttPRequest = false;

	   function doCallAjax() {
		  HttPRequest = false;
		  if (window.XMLHttpRequest) { // Mozilla, Safari,...
			 HttPRequest = new XMLHttpRequest();
			 if (HttPRequest.overrideMimeType) {
				HttPRequest.overrideMimeType('text/html');
			 }
		  } else if (window.ActiveXObject) { // IE
			 try {
				HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
			 } catch (e) {
				try {
				   HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			 }
		  } 
		  
		  if (!HttPRequest) {
			 alert('Cannot create XMLHTTP instance');
			 return false;
		  }
	
			var url = 'get.php?status=add';
			var pmeters = 'myName='+document.getElementById("sub_txt").value;
			//var pmeters = 'myName='+document.getElementById("txtName").value+'&my2='; // 2 Parameters
			HttPRequest.open('POST',url,true);

			HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			HttPRequest.setRequestHeader("Content-length", pmeters.length);
			HttPRequest.setRequestHeader("Connection", "close");
			HttPRequest.send(pmeters);
			
			
			HttPRequest.onreadystatechange = function()
			{

				 if(HttPRequest.readyState == 3)  // Loading Request
				  {
				   document.getElementById("teach").innerHTML = "Now is Loading...";
				  }

				 if(HttPRequest.readyState == 4) // Return Request
				  {
				   document.getElementById("teach").innerHTML = HttPRequest.responseText;
				  }
				
			}
			
                                             
			document.getElementById("teach").value=HttPRequest.responseText;
			/*
                                             โค้ด รับค่าผมใส่ บนนี้ ส่วน textbox ที่จะให้แสดง อยู่ข้างล้าง
			HttPRequest.onreadystatechange = call function .... // Call other function
			*/
			
	   }
	</script>
<input id="teach" name="teach" type="text" />// textbox ที่จะให้แสดง


ผมทำผิดขั้นตอนไหนหรือป่าวคับ
รบกวนขอโค้ดที่ถูกต้องหน่อยคับ
เหรือตรงนี้ที่เดียวก็เสร็จละครับ
ขอบคุณครับ

***ผมใช้ span และ div แสดงค่าที่ได้มาอยู่นะคับ แต่ใช้ input ไม่ออกคับ


ประวัติการแก้ไข
2010-08-12 09:11:22
2010-08-12 09:11:48
2010-08-12 09:27:22
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 09:10:18 By : piag3026
 


 

No. 8



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ถ้าต้องการ output แบบนี้ผมแนะนำให้ใช้ getJSON ครับ

index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>การใช้งาน jQuery getJSON</title>
<!-- โหลด library jquery จาก google -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
// กำหนดให้ประมวลผล jquery ในส่วนนี้ตอนโหลด
$(function() {
	// เช็ค event ของ element ปุ่มที่มี id="button"
	$('#button').click(function() {
		// ใช้ jquery getJSON เพื่อให้ข้อมูลที่ response กลับมาอยู่ในรูปแบบของ json 
		// แล้วสามารถนำไปกำหนดให้กับ อุปกรณ์ที่มี id ตามด่านล่าง
		$.getJSON('getJSON.php', { name: $('#name').val(), sname: $('#sname').val() },
			// ฟังชัน call back 
			function(json){
				// console.debug(json);
				// เอาค่าที่ได้จาก json.name ไปใส่ให้กับ textbox id outName
				$('#outName').val(json.name);
				// เอาค่าที่ได้จาก json.sname ไปใส่ให้กับ textbox id outSname
				$('#outSname').val(json.sname);
		});
	});
});
</script>
<style type="text/css">
	body {
		font: 13px Arial, Helvetica, sans-serif;
	}
	form ul {
		list-style: none;
	}
	form ul li {
		padding: 2px;
	}
	form ul li label {
		width: 80px;
		float:left;
		text-align:right;
		padding-right: 5px;
	}
</style>
</head>

<body>
<form>
	<ul>
    	<li><label>ชื่อ :</label><input type="text" name="name" id="name" /></li>
        <li><label>นามสกุล :</label><input type="text" name="sname" id="sname" /></li>
        <li><label>&nbsp;</label><input type="button" name="button" id="button" value="send" /></li>
    </ul>
</form>

<br />##################### OUT PUT #####################
<form>
    <ul>
        <li><label>ชื่อ :</label><input type="text" name="outName" id="outName" /></li>
        <li><label>นามสกุล :</label><input type="text" name="outSname" id="outSname" /></li>
    </ul>
</form>
</body>
</html>

getJSON.php
<?php
	// แสดงตัวแปร get ที่ส่งมา ส่วนนี้ต้องเปิดดูกับ console ของ firebug นะครับ
	// echo '<pre>'; print_r($_GET); echo '</pre>'; 
	
	// แปลงตัวแปรที่ get มาได้ให้อยู่ในรูปแบบของ json
	echo json_encode($_GET);
?>


Demo
Download Source


ประวัติการแก้ไข
2010-08-12 09:37:23
2010-08-12 15:46:23
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 09:35:19 By : DS_Ohm
 


 

No. 9



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



สถานะออฟไลน์


ลองแล้ว ไม่ออกอ่ะคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 10:05:41 By : piag3026
 


 

No. 10



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


document.getElementById("teach").innerHTML

input เป็น form element ไม่มี .innerHTML หรอกครับ ต้องใช้ .value
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 10:11:22 By : PlaKriM
 


 

No. 11



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



สถานะออฟไลน์


ปัญหาใหม่อีกแล้วคับ

มันออกมาใน textbox เป็น

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Config</title></head><body></body></html>เอกลักษณ์

ค่าจริงๆที่อยากได้คือ เอกลักษณ์ เฉยๆคับ

แล้วในหน้าที่ส่งไปมีแค่นี้คับ

Code (PHP)
<?php include('config.php'); ?>
<?php
$status=$_GET['status'];
$idd=$_POST["myName"];
if($status=='add')
{
   $q="SELECT * FROM `course` WHERE id_sub='$idd'";
   $qr=mysql_query($q); 
   while($rs=mysql_fetch_array($qr))
   { 
   	echo($rs["teacher"]);
   }
}
?>



ประวัติการแก้ไข
2010-08-12 10:24:03
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 10:22:43 By : piag3026
 


 

No. 12

Guest


ยังไม่ได้เหมือนกันเลยค่ะ ของเรายังไม่แสดงค่าด้วยซ้ำ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 15:29:10 By : หนูน้อย
 


 

No. 13



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ตอบความคิดเห็นที่ : 12 เขียนโดย : หนูน้อย เมื่อวันที่ 2010-08-12 15:29:10
รายละเอียดของการตอบ ::
ยังไม่ได้เหมือนกันเลยค่ะ ของเรายังไม่แสดงค่าด้วยซ้ำ


ยังไม่ได้อะไรเหรอครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 15:49:15 By : DS_Ohm
 


 

No. 14

Guest


ยังทำไม่ได้ที่ว่าคือ ว่า เรามี listmenu ที่แสดงชื่อนักเรียน
และต้องการให้เลือกชื่อนักเรียนจาก listmenu ค่ะ
แล้วแสดงระดับชั้น ของนักเรียนคนนั้นใน textbox คล้ายๆทีเจ้าของคำถามเค้าถามอ่ะค่ะ
โดย ชื่อนักเรียนและระดับชั้นอยู่ในฐานข้อมูลตารางเดียวกันค่ะ
ทำยังไงให้เราเลือกแล้วมาแสดงที่ textbox แบบไม่รีเฟรชหน้านั้นค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-08-12 16:02:01 By : หนูน้อย
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามการนำค่า <span id="mySpan"></span> ที่ได้มาใส่ใน textbox
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่