<html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div class="container"> <br /> <br /> <div class="form-group"> <form name="add_name" id="add_name"> <div class="container-fluid"> <table class="table table-bordered" id="dynamic_field"> <tr> <td colspan=2 style="width: 29%;font-size: 12pt;"><span id="style" > <select style='width: 240px;Height :35px;'><option value="">-เลือกชิ้นส่วน-</option> </select></span> : <input type ="text" disabled style="height:35px;width:10%;font-size: 12pt;" > ชิ้น <button type="button" name="remove" id="'+i+'" class="btn btn-warning btn_remove">X</button> </td> <td colspan=3 style="width: 30%;font-size: 12pt;" align="center">จำนวนจุดที่เสีย</td> <td style="width: 10%;font-size: 12pt; " align="center" >การแก้ไข</td> <td style="width: 11%;font-size: 12pt;" align="center" >หมายเหตุ<br><font color="red">(ไม่เกิน 120 ตัวอักษร)</font></td> <td style="width: 12%;font-size: 12pt;" align="center">พนักงานตัดแก้ไข</td> <td style="font-size: 12pt;" align="center">ลบ</td> </tr> <tr> <td style="font-size: 12pt;">ข้อตำหนิ</td> <td style="font-size: 12pt;" align="center">คะแนน</td> <td style="font-size: 12pt;" align="center">บน</td> <td style="font-size: 12pt;" align="center">กลาง</td> <td style="font-size: 12pt;"align="center">ล่าง</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td><input type="text" style='width: 500px;Height :35px;'></td> <td><span id="style" > <select style='width: 50px;Height :35px;'> <option value=""></option> <option value="">1</option> <option value="">2</option> <option value="">3</option> </select></span></td> <td> </td> <td> </td> <td> </td> <td> <textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3" style ="width:150px;height:80px;font-size: 12pt;"></textarea> </td> <td><textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3" maxlength="120" style ="width:160px;height:80px;font-size: 12pt;"></textarea></td> <td align="center"><span id="style" > <select style='width: 320px;Height :35px;font-size: 14pt;'> <option value="">-พนักงานตัด-</option> <option value="">พนักงาน1</option> <option value="">พนักงาน2</option> </select> </span></td> <td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td> </tr> </table> <button type="button" name="add" id="add" class="btn btn-primary"> <span class="glyphicon glyphicon-plus"></span> </button> เพิ่มข้อตำหนิ <br><br> <button type="button" name="add_part" id="add_part" class="btn btn-success"> <span class="glyphicon glyphicon-plus"></span> </button> เพิ่มตาราง <br><br> <input type="button" name="submit" id="submit" class="btn btn-info" value="Submit" /> </div> </form> </div> </div> </body> </html> <script> $(document).ready(function(){ var i=1; $('#add').click(function(){ i++; $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" style="width: 500px;Height :35px;"></td><td><span id="style" > <select style="width: 50px;Height :35px;"><option value=""></option><option value="">1</option><option value="">2</option><option value="">3</option></select></span></td><td></td><td></td><td></td><td><textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3" style ="width:150px;height:80px;font-size: 12pt;"></textarea></td><td><textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3" maxlength="120" style ="width:160px;height:80px;font-size: 12pt;"></textarea></td><td align="center"><span id="style" ><select style="width: 320px;Height :35px;font-size: 14pt;"><option value="">-พนักงานตัด-</option><option value="">พนักงาน1</option><option value="">พนักงาน2</option></select></span></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>'); }); $(document).on('click', '.btn_remove', function(){ var button_id = $(this).attr("id"); $('#row'+button_id+'').remove(); }); $('#submit').click(function(){ $.ajax({ url:"name.php", method:"POST", data:$('#add_name').serialize(), success:function(data) { alert(data); $('#add_name')[0].reset(); } }); }); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 03
Load balance : Server 03
