<!DOCTYPE html> <?php //require 'Session.php'; ?> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#txtbarcode").change(function () { $.ajax({ url: "returnDataPro.php", type: "POST", data: 'sCusID=' + $("#txtbarcode").val() }) .success(function (result) { var obj = jQuery.parseJSON(result); if (obj == '') { $('input[type=text]').val(''); } else { $.each(obj, function (key, inval) { $("#txtbarcode").val(inval["Pro_barcode"]); $("#txtbrand").val(inval["Brand_name"]); $("#txtgen").val(inval["Gen_name"]); $("#txtcolor").val(inval["Pro_color"]); $("#txtlength").val(inval["Length_name"]); $("#txttype").val(inval["Type_name"]); $("#txt").val(inval["Pro_amountpacking"]); }); } }); }); }); </script> <form id="form1" name="form1" method="post" action=""> <table id="myTbl" width="99%" border="1" cellspacing="2" cellpadding="0"> <?php $all_id_data = ""; echo $bar = '885303800'; ?> <tr> <th> <div align="center">รหัสบาร์ </div></th> <th> <div align="center">แบรนด์ </div></th> <th> <div align="center">รุ่น </div></th> <th> <div align="center">สี </div></th> <th> <div align="center">ยาว </div></th> <th> <div align="center">สาย </div></th> <th> <div align="center">จำนวน / ลัง</div></th> <th> <div align="center">จำนวน</div></th> <th> <div align="center">ลบ</div></th> </tr> <tr class="firstTr"> <td><input type="text" name="txtbarcode" id="txtbarcode" style="width: 120px"></td> <td><input type="text" name="txtbrand" id="txtbrand" style="width: 120px" readonly/></td> <td><input type="text" name="txtgen" id="txtgen" style="width: 120px" readonly/></td> <td><input type="text" name="txtcolor" id="txtcolor" style="width: 120px" readonly/></td> <td><input type="text" name="txtlength" id="txtlength" style="width: 120px" readonly/></td> <td><input type="text" name="txttype" id="txttype" style="width: 120px" readonly/></td> <td><input type="text" name="txt" id="txt" value="" style="width: 120px" readonly/></td> <td><input type="text" name="txtamount" id="txtamount" style="width: 120px"></td> <td align="middle"><button onclick="javascript:doRemoveItem(this);">-</button></td> </tr> </table> <br/> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button> <input type="submit" name="Submit" id="Submit" value="Submit" /></td> </tr> </table> </form> <script type="text/javascript"> $(document).ready(function () { $("#addRow").click(function () { // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input $(".firstTr:eq(0)").clone(true) .find("input").attr("value", "").end() .find("select").attr("value", "").end() .appendTo($("#myTbl")); }); $("#removeRow").click(function () { // // ส่วนสำหรับการลบ if ($("#myTbl tr").size() > 2) { // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ $("#myTbl tr:last").remove(); // ลบรายการสุดท้าย } else { // เหลือ 1 รายการลบไม่ได้ alert("ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้"); } }); }); function doRemoveItem(obj) { if ($('#myTbl tr').size() > 2) { if (confirm('คุณต้องการลบแถวนี้?')) $(obj).parent().parent().remove(); } else { alert('ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้'); } } </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง