Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > จะเขียนโค้ดอย่างไรดีคะ หากต้องการนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง

จะเขียนโค้ดอย่างไรดีคะ หากต้องการนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง

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

นูอิ

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

โดยให้มีการผสมของตัวอักษรเพิ่มลงไป โดย textbox ทั้ง 2 ตัวนี้อยู่เพจเดียวกันด้วยค่ะ มีภาพประกอบ ช่วยแนะนำทีนะค่ะ โค้ดสร้าง text box ทั้งสองตัวค่ะ จะใช้ภาษาอะไรช่วยไม่เกี่ยงเลยค่ะ js ก็ได้ ajax ก็ยินดีค่ะ หรือง่ายกว่านั้นจะเยี่ยมเลยค่ะ

<input type="text" name="student_id" id="student_id" >
<input name="email" type="text" id="email" disabled />

อยากได้ผลลัพธ์ดังนี้ค่ะ

เมื่อมีการกรอกข้อมูลที่ texbox ตัวที่ 1

แล้ว ให้ไปแสดงข้อมูลที่เพิ่งกรอกใน textbox นั้น ไปแสดงอัตโนมัติอีก textbox หนึ่ง

อยากให้มีตัวอักษรผสมได้ด้วยหน่ะค่ะ

จะต้องเขียนโค้ดอย่างไรค่ะ ขอบคุณค่ะ

Tag : PHP, MySQL, JavaScript, Ajax

Date : 2010-11-04 09:31:43

By : nuie

View : 814

Reply : 3

No. 1

Nico

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

Code (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>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#txt1').change(function(){
			$('#txt2').val('b'+$(this).val()+'@hotmail.com');	
		});
	});
</script>
</head>

<body>
<p>
  <input type="text" name="txt1" id="txt1" />
  
</p>
<p>
  <input name="txt2" type="text" id="txt2" size="60" readonly="readonly" />
</p>
</body>
</html>

Date : 2010-11-04 09:56:31

By : ไวยวิทย์

No. 2

nott

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

ใช้เทคนิค Ajax ตามด้านบนเลยครับ

Date : 2010-11-04 10:19:39

By : nottp106

No. 3

iieszz

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

Code (JavaScript)

<BODY>
  <FORM Name="form1" METHOD=POST ACTION="">
    <INPUT TYPE="text" NAME="s1" onChange="javaScript:document.form1.s2.value=this.value+'@msn.com'"><BR>
    <INPUT TYPE="text" NAME="s2" disabled><BR>
    <INPUT TYPE="submit" value="OK">
  </FORM>
 </BODY>

ของผมเป็น javaScript ครับ

Date : 2010-11-04 10:30:25

By : iieszz

ค้นหาข้อมูล

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

Re : จะเขียนโค้ดอย่างไรดีคะ หากต้องการนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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