<head> <title> </title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.js"></script> </head> <body> <div style="width:90%;margin:auto;"> <h1> test</h1> <form method="post"> อาการ:<textarea name="symtom"></textarea> <div id="itemRows"> ชื่อยา: <input type="text" name="med" /> สรรพคุณ: <textarea name="med_prop" ></textarea> วิธีการใช้ยา:'<textarea name="med_use" ></textarea> จำนวน :<input type="text" name="med_amount" id="med_amount"/> <input onclick="addRow(this.form);" type="button" value="เพิ่มยา" /> </div> <p><input type="submit" name="ok" value="เพิ่มประวัติการรักษา"></p> </form> </div> <script type="text/javascript"> var rowNum = 0; function addRow(frm) { rowNum ++; var row = '<p id="rowNum'+rowNum+'">ชื่อยา: <input type="text" name="med[]" value="'+frm.med.value+'">สรรพคุณ: <textarea name="med_prop[]" ></textarea>วิธีการใช้ยา: <textarea name="med_use[]" ></textarea> จำนวน : <input type="text" name="med_amount[]" id="med_amount"/><input type="button" value="ลบ" onclick="removeRow('+rowNum+');"></p>'; jQuery('#itemRows').append(row); frm.med.value = ''; frm.med_prop.value = ''; frm.med_use.value = ''; frm.med_amount.value = ''; } function removeRow(rnum) { jQuery('#rowNum'+rnum).remove(); } </script> </body>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง