การประยุกต์ใช้ฟังก์ขัน 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 อ่าน 1698 01 Feb 09 สร้างกล่องแจ้งข้อความ คล้าย MSN ด้วย jQuery อ่าน 1619 30 Dec 08 การใช้งาน ajax ใน jQuery อย่างง่าย อ่าน 1598 25 Sep 08 การกำหนด selectors ด้วย jQuery เกี่ยวกับ form อ่าน 1595 04 Nov 08 การจำกัดจำนวนตัวอักษร ใน textarea ด้วย jquery อ่าน 1544 16 Nov 08 jQuery กับการจำกัดการเลือก checkbox อ่าน 1509 26 Feb 09 การกำหนดให้ input text เลื่อนโฟกัส focus เองอัตโนมัติ ด้วย jQuery อ่าน 1505 26 Mar 09 แสดงข้อความบนรูปภาพพื้นหลังสีจางด้วย CSS และ jQuery อ่าน 1484 17 Aug 09 สร้างเมนู เทคนิค ลูกตาปลา ด้วย jQuery อย่างง่าย อ่าน 1453 22 Nov 08 ซ่อนและแสดงเนื้อหาแบบหีบเพลง (accordion) ด้วย jquery อย่างง่าย อ่าน 1443 25 Sep 08 ตัวอย่างการใช้งานฟังก์ชันของ jQuery ในการเรียกใช้ Class ใน CSS อ่าน 1417 25 Sep 08 jquery สคริปแรกของคุณ อ่าน 1412 02 Apr 09 สร้างรายการตัวเลือกให้กับ input text ด้วย jQuery อย่างง่าย อ่าน 1405 25 Sep 08 ซ่อนและแสดง เนื้อหาด้วย jquery แบบ Basic อ่าน 1402 19 Feb 09 สร้างกล่อง alert ข้อความเฉพาะตัว ด้วย jQuery และ CSS อย่างง่าย อ่าน 1358
จำนวนผู้เยี่ยมชม 85255 คน 2010 © Copyright ninenik.com. All rights reserved.