01.<head>
02. <title> </title>
04.</head>
05.
06.<body>
07.
08.<div style="width:90%;margin:auto;">
09. <h1> test</h1>
10.
11. <form method="post">
12. อาการ:<textarea name="symtom"></textarea>
13.
14. <div id="itemRows">
15.
16. ชื่อยา: <input type="text" name="med" />
17. สรรพคุณ: <textarea name="med_prop" ></textarea>
18. วิธีการใช้ยา:'<textarea name="med_use" ></textarea>
19. จำนวน :<input type="text" name="med_amount" id="med_amount"/>
20. <input onclick="addRow(this.form);" type="button" value="เพิ่มยา" />
21.
22. </div>
23.
24. <p><input type="submit" name="ok" value="เพิ่มประวัติการรักษา"></p>
25. </form>
26.</div>
27.
28.<script type="text/javascript">
29.var rowNum = 0;
30.function addRow(frm) {
31. rowNum ++;
32. 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>';
33.
34. jQuery('#itemRows').append(row);
35. frm.med.value = '';
36. frm.med_prop.value = '';
37. frm.med_use.value = '';
38. frm.med_amount.value = '';
39.}
40.
41.function removeRow(rnum) {
42. jQuery('#rowNum'+rnum).remove();
43.}
44.</script>
45.</body>
