|
|
|
สอบถามการนำค่า <span id="mySpan"></span> ที่ได้มาใส่ใน textbox |
|
|
|
|
|
|
|
Code (JavaScript)
document.getElementById("txtName").value = HttPRequest.responseText;
|
|
|
|
|
Date :
2010-08-11 14:39:36 |
By :
webmaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โค้ดนี้ใส่ตรงส่วนไหนเหรอคับ
ใส่ของ textbox รึป่าวคับ
<input name="teach" type="text" id="teach" maxlength="50"/>
เขียนจนสมองตื้นตันแล้วคับ หุหุ
|
|
|
|
|
Date :
2010-08-11 14:49:32 |
By :
piag3026 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อืมๆ อยากทราบเหมือนกันค่ะ เคยเจอปัญหานี้ แต่แก้ไม่ได้ค่ะ เอามาแสดงใน textbox ไม่ได้
|
|
|
|
|
Date :
2010-08-12 08:01:01 |
By :
หนูน้อย |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ทำตามตัวอย่างนั่นแหละครับ ใช้ document.getElementById แต่อ้างอิง id ของ control ให้ถูกก็พอ
จะใช้เป็นอะไรก็ได้ไม่ว่าจะเป็น div span input
|
|
|
|
|
Date :
2010-08-12 08:39:19 |
By :
tungman |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถามอีกครั้งหนึ่งนะคับ หวังว่าคงไม่ลำคาญกันซะก่อน หุหุ
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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าต้องการ 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> </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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองแล้ว ไม่ออกอ่ะคับ
|
|
|
|
|
Date :
2010-08-12 10:05:41 |
By :
piag3026 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById("teach").innerHTML
input เป็น form element ไม่มี .innerHTML หรอกครับ ต้องใช้ .value
|
|
|
|
|
Date :
2010-08-12 10:11:22 |
By :
PlaKriM |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ปัญหาใหม่อีกแล้วคับ
มันออกมาใน 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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ยังไม่ได้เหมือนกันเลยค่ะ ของเรายังไม่แสดงค่าด้วยซ้ำ
|
|
|
|
|
Date :
2010-08-12 15:29:10 |
By :
หนูน้อย |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ยังทำไม่ได้ที่ว่าคือ ว่า เรามี listmenu ที่แสดงชื่อนักเรียน
และต้องการให้เลือกชื่อนักเรียนจาก listmenu ค่ะ
แล้วแสดงระดับชั้น ของนักเรียนคนนั้นใน textbox คล้ายๆทีเจ้าของคำถามเค้าถามอ่ะค่ะ
โดย ชื่อนักเรียนและระดับชั้นอยู่ในฐานข้อมูลตารางเดียวกันค่ะ
ทำยังไงให้เราเลือกแล้วมาแสดงที่ textbox แบบไม่รีเฟรชหน้านั้นค่ะ
|
|
|
|
|
Date :
2010-08-12 16:02:01 |
By :
หนูน้อย |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|