Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > ได้ตัวอย่างโค้ดajax การนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง สมมติว่าข้อมูลที่กรอกใน textbox

ได้ตัวอย่างโค้ดajax การนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง สมมติว่าข้อมูลที่กรอกใน textbox

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

นูอิ

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

ได้ตัวอย่างโค้ดajax การนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง สมมติว่าข้อมูลที่กรอกใน textbox คือ 50161821 ต้องการให้ตัดตัวท้ายออก 1 ตัว แล้วเพิ่มเป็น b5016182@xx จะต้องแก้ไขโค้ดอย่างไรดีค่ะ

Code (JavaScript)

<!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>

ประมาณว่าต้องการรับค่าจาก txt1 เป็นตัวเลขสมมติ 502829109 แล้วให้ตัดเลขท้ายออก 1 ตัว แล้วจึงค่อยเติมอักษร b ไว้ข้างหน้า และต่อท้ายด้วย @xx.com เพื่อไปแสดงอัตโนมัติที่ txt2 จะต้องเขียนโค้ดเพิ่มเติมอย่างไรดีค่ะ ขอบพระคุณทุกท่านที่เข้่ามาอ่านและตอบนะค่ะ และขอบคุณเครดิตโค้ดจากคุณ Nico ด้วยค่ะ

Tag : PHP, MySQL, JavaScript, Ajax

ประวัติการแก้ไข
2010-11-11 17:22:31

Date : 2010-11-11 17:19:02

By : nuie

View : 1237

Reply : 5

No. 1

นูอิ

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

หรือว่าจะแก้จากโค้ดจาวาสคริปต์ก็ได้นะค่ะ

<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>

รบกวนด้วยนะค่ะ

Date : 2010-11-11 17:54:51

By : nuie

No. 2

Guest

อันนี้ Jquery นะ
Code (JavaScript)

$(document).ready(function(){
		$("#btn_ok"	).click(function(){
			$("#txt2").val($("#txt1").val().substring(0,$("#txt1").val().length-1));
		});
});

html

Code (PHP)

<body>
<label>
<input type="text" name="txt1" id="txt1" />
</label>
<label>
<input type="text" name="txt2" id="txt2" />
</label>
<p>
  <label>
  <input type="button" name="btn_ok" id="btn_ok" value="Button" />
  </label>
</p>
</body>

ต้องเอาไปเปลี่ยนค่านิดหน่อยนะ ให้ได้แบบที่ต้องการ แต่ code คิดว่าใช่เเล้ว

Date : 2010-11-11 18:06:30

By : - -

No. 3

นูอิ

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

ขอบคุณนะค่ะ แล้วจะเติม ตัวอักษร b และ@xxx ตรงไหนอ่าค่ะ

Date : 2010-11-11 18:37:46

By : nuie

No. 4

Guest

ดูแล้วทำความเข้าใจ ด้วยนะครับ
$("#txt2").val($("#txt1").val().substring(0,$("#txt1").val().length-1)+"@hotmail");

Date : 2010-11-11 21:36:46

By : - -

No. 5

DevAMZ

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

ผมเขียนไม่เป็นหลอกนะครับ แต่อยากช่วยไม่แน่ใจว่าถูกป่าวนะ !!

Code (JavaScript)

$("#txt2").val('b' + $("#txt1").val().substring(0,$("#txt1").val().length-1) + '@xx.com');

Date : 2010-11-12 09:38:46

By : Amanza

ค้นหาข้อมูล

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

Re : ได้ตัวอย่างโค้ดajax การนำค่าที่กรอกใน textbox หนึ่ง ไปปรากฎอัตโนมัติีอีก textbox หนึ่ง สมมติว่าข้อมูลที่กรอกใน textbox

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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