การประยุกต์ใช้ฟังก์ขัน after() กับ text input

jQuery Code

<script language="javascript">
$(function(){
	$("#addmail").click(function(){ // เงื่อนไขการคลิกสำหรับทดสอบ
		$("#mailfriend").after("<input name=email[] type=text  size=35  /><br>");
	});
});
</script>
<form id="form1" name="form1" method="post" action="">
	<div id="mailfriend">Your friend's email:</div>
  <input name="email[]" type="text" id="email[]" size="35" />
  <br />
  <input type="submit" name="Submit5" value="บันทัก" />
  <input type="button" id="addmail" name="Button2" value="เพิ่มอีเมลล์" />
</form>

ตัวอย่างผลลัพธ์

Your friend's email:


บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

25 Sep 08 เริ่มต้นกับ jquery อ่าน 1741 01 Feb 09 สร้างกล่องแจ้งข้อความ คล้าย MSN ด้วย jQuery อ่าน 1662 30 Dec 08 การใช้งาน ajax ใน jQuery อย่างง่าย อ่าน 1637 25 Sep 08 การกำหนด selectors ด้วย jQuery เกี่ยวกับ form อ่าน 1631 04 Nov 08 การจำกัดจำนวนตัวอักษร ใน textarea ด้วย jquery อ่าน 1580 16 Nov 08 jQuery กับการจำกัดการเลือก checkbox อ่าน 1541 26 Feb 09 การกำหนดให้ input text เลื่อนโฟกัส focus เองอัตโนมัติ ด้วย jQuery อ่าน 1530 26 Mar 09 แสดงข้อความบนรูปภาพพื้นหลังสีจางด้วย CSS และ jQuery อ่าน 1518 17 Aug 09 สร้างเมนู เทคนิค ลูกตาปลา ด้วย jQuery อย่างง่าย อ่าน 1499 22 Nov 08 ซ่อนและแสดงเนื้อหาแบบหีบเพลง (accordion) ด้วย jquery อย่างง่าย อ่าน 1479 25 Sep 08 ตัวอย่างการใช้งานฟังก์ชันของ jQuery ในการเรียกใช้ Class ใน CSS อ่าน 1452 25 Sep 08 jquery สคริปแรกของคุณ อ่าน 1446 25 Sep 08 ซ่อนและแสดง เนื้อหาด้วย jquery แบบ Basic อ่าน 1441 02 Apr 09 สร้างรายการตัวเลือกให้กับ input text ด้วย jQuery อย่างง่าย อ่าน 1438 19 Feb 09 สร้างกล่อง alert ข้อความเฉพาะตัว ด้วย jQuery และ CSS อย่างง่าย อ่าน 1394
จำนวนผู้เยี่ยมชม 87851 คน 2010 © Copyright ninenik.com. All rights reserved.