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

18 October 2008

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

19 Apr 10 สอน jQuery เพิ่มรูปภาพ ให้ตัวเลือก ใน listbox อ่าน 4544 19 Feb 09 สร้างกล่อง alert ข้อความเฉพาะตัว ด้วย jQuery และ CSS อย่างง่าย อ่าน 4538 24 Feb 10 เทคนิค สร้าง effect add to cart ด้วย jQuery อย่างง่าย อ่าน 4518 30 Dec 08 การใช้งาน ajax ใน jQuery อย่างง่าย อ่าน 4512 15 Feb 09 สร้างเมนู Accordion อย่างง่ายแบบที่ 2 ด้วย jQuery อ่าน 4438 25 Sep 08 การกำหนด selectors ด้วย jQuery เกี่ยวกับ form อ่าน 4347 16 Aug 09 jQuery UI คือ อะไร อ่าน 4318 04 Nov 08 การจำกัดจำนวนตัวอักษร ใน textarea ด้วย jquery อ่าน 4282 30 Nov 10 การนำเสนอ และแสดงข้อมูล ด้วย jQuery Flexigrid Plugin เบื้องต้น อ่าน 4211 25 Sep 08 การกำหนด Selectors ด้วย jquery แบบ Basic อ่าน 4190 28 Oct 09 สร้าง Swap Banner แบนเนอร์แบบสลับอัตโนมัติ ด้วย jQuery อย่างง่าย อ่าน 4187 25 Sep 08 jquery สคริปแรกของคุณ อ่าน 4180 02 Apr 09 สร้างรายการตัวเลือกให้กับ input text ด้วย jQuery อย่างง่าย อ่าน 4087 25 Mar 10 แนะนำ การใช้งาน jQuery ร่วมกับ Google map อ่าน 4067 05 Feb 09 เพิ่มลูกเล่นการโหวด Vote หรือ Rating ด้วย jQuery และ CSS อ่าน 4054

บทความคนเข้าอ่านวันนี้

03 Dec 10 ทบทวน การขึ้น บรรทัดใหม่ ใน textarea ด้วย Special Characters in HTML อ่าน 1997 19 Feb 09 สร้างกล่อง alert ข้อความเฉพาะตัว ด้วย jQuery และ CSS อย่างง่าย อ่าน 4538 12 Sep 10 จัดรูปแบบ ScaleControlOptions ใน Google Map อ่าน 1162 05 Oct 10 สร้าง login logout และกำหนด permission ของ facebook ด้วย php sdk อ่าน 5664 13 Oct 08 คำสั่ง SQL LIKE อ่าน 4497 17 Dec 10 สร้าง php ฟังก์ชัน ตราจสอบ ก่อนถึงวันหมดอายุ อย่างง่าย อ่าน 1827 08 Oct 08 การสร้างปุ่มด้วย CSS อ่าน 4615 21 Oct 10 ประยุกต์ ใช้ jQuery สร้างข้อความเลื่อนขึ้น เลื่อนลง คล้าย marquee แนวตั้ง อ่าน 2386 17 Aug 09 สร้างเมนู เทคนิค ลูกตาปลา ด้วย jQuery อย่างง่าย อ่าน 5624 23 Mar 11 เทคนิค หน่วงเวลา กับ event keyup ด้วย jQuery อ่าน 1762 04 Oct 08 ดาวน์โหลด MySQL อ่าน 2580 16 Aug 09 jQuery UI คือ อะไร อ่าน 4318 04 May 10 ประยุกต์ ใช้งาน php และ ajax ใน jQuery แสดงผลลัพธ์ คล้าย twitter อ่าน 3192 13 Feb 09 แปลงข้อความเป็นตัวเล็ก toLowerCase ตัวใหญ่ toUpperCase ด้วย javascript อ่าน 1895 03 Feb 10 ทบทวน javascript ฟังก์ชั่น ให้กรอกเฉพาะภาษาอังกฤษเท่านั้น อ่าน 2260 09 Sep 10 Google map API v.3 กับ jQuery ลากจุดหา พิกัด ค่า latitude และ longitude อ่าน 6455 10 Dec 09 ประยุกต์ เทคนิค jQuery เลื่อน scrollbar ขึ้นลง ตามเมาส์ สำหรับ div และ textarea อ่าน 4011 06 Apr 10 ใช้ คุณสมบัติ css stylesheet สร้างตาราง อ่าน 4621 25 Dec 09 สร้าง watermark ลายน้ำ ให้กับช่อง สำหรับการค้นหา ด้วย jQuery และ CSS อย่างง่าย อ่าน 3752 19 Aug 09 สร้าง เมนูแท็บ Tabs อย่างง่าย ด้วย jQuery UI อ่าน 10488
จำนวนผู้เยี่ยมชม 784659
คน 2012 © Copyright ninenik.com. All rights reserved.