PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

18 October 2008 By Ninenik Narkdee
text input after jquery

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ text input after jquery



 ตัวอย่างโค้ด

<style type="text/css">
.inp_email{
	clear:both;float:left;	
}
</style>

<form id="form1" name="form1" method="post" action="">
	<div id="mailfriend">Your friend  email:</div>
  <input name="email[]" class="inp_email" type="text" id="email[]" size="35"  />
  <br style="clear:both;float:left;" />
  <input type="submit" name="Submit5" value="บันทัก" />
  <input type="button" id="addmail" name="Button2" value="เพิ่มอีเมลล์" />
</form>



<script type="text/javascript" src="http://www.ninenik.com/js/jquery-1.7.1.min.js"></script>
<script language="javascript">
$(function(){
	$("#addmail").click(function(){ // เงื่อนไขการคลิกสำหรับทดสอบ
		$("#mailfriend").after("<input name=email[]  class=inp_email  type=text  size=35  /><input class=bt_remove type=button value=ลบ />");
	});
	$(document.body).on("click",".bt_remove",function(){
		$(this).prev("input").remove();
		this.remove();
	});
});
</script>

 

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

Your friend email:



อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ



บริการเว็บ server web hosting
บริการเว็บ server web hosting


Tags:: after text input jquery







URL สำหรับอ้างอิง