<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var id = document.getElementById("id").value; $('#add-row').click(function(){ var str = ""; $("#select option:selected").each(function () { str = $(this).text(); //alert(str); }); var tr = $('<tr id="row'+id+'">x</tr>'); var td1 = $('<td width="55"><input type="hidden" name="branch_id[]" id="branch_id[]" value="'+$('#select').val() +'"/></td>'); var td2 = $('<td width="152">'+str+'</td>'); var td3 = $('<td width="102"><a href=\'#\' onClick="removeFormField(\'#row'+id+'\'); return false;">Remove</a></td>'); tr.append(td1); tr.append(td2); tr.append(td3); $('#tbl-product').append(tr); id = (id - 1) + 2; document.getElementById("id").value = id; }); $("#delete-row").click(function(){ if($("#tbl-product tr").size()>1){ $("#tbl-product tr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }) function removeFormField(id) { $(id).remove(); } </script> </head> <body> <?php if(empty($_POST)){ ?> <form id="form1" name="form1" method="post" action=""> <input type="hidden" id="id" value="1"> <table width="309px" id="tbl-product"> <tr> <td width="55">ID</td> <td width="152">product</td> <td width="102">remove</td> </tr> </table> <table width="348" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="68"><input type="button" name="add-row" id="add-row" value="เพิ่มแถว" /></td> <td width="69"><input type="button" name="delete-row" id="delete-row" value="ลบแถว" /></td> <td width="211"> <select name="select" id="select"> <option value="1">test 1</option> <option value="2">test 2 </option> <option value="3">test 3 </option> <option value="4">test 4</option> <option value="5">test 5</option> </select> </td> </tr> </table> <input type="submit" name="button" id="button" value="Submit" /> </form> <?php } else { ?> <?php print_r($_POST['branch_id']); ?> <?php } ?> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 04
Load balance : Server 04
