<html> <head> <title>ThaiCreate.Com Ajax Tutorial</title> </head> <script language="javascript"> function fncCreateElement(){ var n = document.getElementById.num.value; for (i=0;i<n.length;i++){ var mySpan = document.getElementById('mySpan'); var myElement1 = document.createElement('<input type="text" name="txt[]">'); myElement1.setAttribute('id',"txt1"); mySpan.appendChild(myElement1); //*** Remove Element ***// /* var deleteEle = document.getElementById('txt1'); mySpan.removeChild(deleteEle); */ var myElement2 = document.createElement('<br>'); mySpan.appendChild(myElement2); } } </script> <body> <span id="mySpan"></span> <input name="num" id="num" type="text" onClick="JavaScript:fncCreateElement();"> </body> </html>
<html> <head> <title>ThaiCreate.Com Ajax Tutorial</title> </head> <script language="javascript"> function fncCreateElement(loop){ for (i=0;i<loop;i++){ var mySpan = document.getElementById('mySpan'); var mySpan1 = document.getElementById('mySpan1'); var mySpan2 = document.getElementById('mySpan2'); var mySpan3 = document.getElementById('mySpan3'); //mySpan var myElement1 = document.createElement('<input type="text" name="txt[]">'); myElement1.setAttribute('id',"txt1"); mySpan.appendChild(myElement1); var myElement2 = document.createElement('<br>'); mySpan.appendChild(myElement2); //mySpan1 var myElement3 = document.createElement('<input type="text" name="txt[]">'); myElement3.setAttribute('id',"txt2"); mySpan1.appendChild(myElement3); var myElement4 = document.createElement('<br>'); mySpan1.appendChild(myElement4); //mySpan2 var myElement5 = document.createElement('<input type="text" name="txt[]">'); myElement5.setAttribute('id',"txt3"); mySpan2.appendChild(myElement5); var myElement6 = document.createElement('<br>'); mySpan2.appendChild(myElement6); //mySpan3 var myElement7 = document.createElement('<input type="text" name="txt[]">'); myElement7.setAttribute('id',"txt4"); mySpan3.appendChild(myElement7); var myElement8 = document.createElement('<br>'); mySpan3.appendChild(myElement8); } } </script> <body> <form name="form1" method="post" action=""> <table width="613" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="134"><span id="mySpan"></span></td> <td width="155"><span id="mySpan1"></span></td> <td width="162"><span id="mySpan2"></span></td> <td width="152"><span id="mySpan3"></span></td> </tr> </table> <input name="num" type="text" id="num" size="5" onClick="JavaScript:fncCreateElement(this.value);"> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
