<!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> <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/<?=$jquery_ui_v?>/themes/<?=$jquery_ui_theme?>/jquery-ui.css" /> <link href="css/productionOrder.css" rel="stylesheet" type="text/css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> <script src="js/jqueryui_datepicker_thai.js"></script> <script type="text/javascript"> function send(){ //นับ div ทั้งหมดก่อนส่ง var currentProductionNumber=1; var hiddens = $("<input type='hidden' name='hidden' value=\""+currentProductionNumber+"\"/>"); $('form').append(hiddens); $('form').submit(); } $(document).ready( function() { var currentProductionNumber = 0; // Create Button Click Event // 1. Create New Form Number // 2. Append New Form to main table $( "#btnCreate" ).click( function() { currentProductionNumber += 1 ; // plus new row number variable var html = '<tr class="wrp-product" productionnumber="' + currentProductionNumber + '" >'; html += ' <td class="idproduction" name="no" id="no" >' + currentProductionNumber + '</td>'; html += ' <td class="number-production">'; html += ' <input type="text" name="totallinel'+currentProductionNumber+'" class="total'+currentProductionNumber+'">'; html += ' <br/><br/>'; html += ' <select name="select-production' + currentProductionNumber + '" class="select-production" number-production="' +currentProductionNumber + '">'; html += ' <option value="0" nameproduct="0">Please Select a item</option>'; html += ' <option value="1" class="a" nameproduct="1">แผ่นครอบสันจั่ว ( Ridge Capping )</option>'; html += ' <option value="2" class="a" nameproduct="2">แผ่นครอบข้างหลังคา แบบ 1</option>'; html += ' <option value="3" class="a" nameproduct="3">แผ่นครอบข้างหลังคา แบบ 2</option>'; html += ' <option value="4" nameproduct="4">แผ่นครอบใต้ชายคา</option>'; html += ' <option value="5" nameproduct="5">แผ่นครอบมุมผนังนอก แบบ 1</option>'; html += ' <option value="6" nameproduct="6">แผ่นครอบมุมผนังนอก แบบ 2</option>'; html += ' <option value="7" nameproduct="7">แผ่นครอบมุมผนังใน แบบ 1</option>'; html += ' <option value="8" nameproduct="8">แผ่นครอบมุมผนังใน แบบ 2</option>'; html += ' <option value="9" nameproduct="9">แผ่นครอบชนผนัง แบบ 1</option>'; html += ' <option value="10" nameproduct="10">แผ่นครอบชนผนัง แบบ 2</option>'; html += ' <option value="11" nameproduct="11">แผ่นครอบปิดชายล่าง</option>'; html += ' <option value="12" nameproduct="12">แผ่นครอบบนผนัง</option>'; html += ' <option value="13" nameproduct="13">แผ่นครอบฝ้าเพดาน</option>'; html += ' <option value="14" nameproduct="14">หลังคาโค้งปลายแผ่น</option>'; html += ' <option value="15" nameproduct="15">หลังคาโค้งตลอดแผ่น</option>'; html += ' <option value="16" nameproduct="16">หลังคางอกลางแผ่น</option>'; html += ' <option value="17" nameproduct="17">แผ่นบานเกล็ด Type C-400</option>'; html += ' <option value="18" nameproduct="18">แผ่นบานเกล็ด Type B-300</option>'; html += ' <option value="19" nameproduct="19">หลังคาแผ่นตรง รุ่น TNS-760</option>'; html += ' <option value="20" nameproduct="20">แผ่นครอบ</option>'; html += ' <option value="21" nameproduct="21">เหล็กแผ่นเรียบ</option>'; html += ' </select>'; html += ' <br/><br/>'; html += ' <div id="img-product' + currentProductionNumber + '"></div>'; html += ' </td>'; html += ' <td class=textarea ><textarea rows=3 cols=9 id="erea" name="Product_Color"></textarea>'; html += ' </td>'; html += ' <td class=thickness ><input type="text" id="thickness1" name="thickness1" >'; html += ' <input type="text" id="thickness2" name="thickness2" > '; html += ' <input type="text" id="thickness3" name="thickness3" >'; html += ' <input type="text" id="thickness4" name="thickness4" >'; html += ' </td>'; html += ' <td class=length><input type="text" id="length1" name="length1" >'; html += ' <input type="text" id="length2" name="length2" >'; html += ' <input type="text" id="length3" name="length3" >'; html += ' <input type="text" id="length4" name="length4" >'; html += ' </td>'; html += ' <td class=number ><input type="text" id="piece1" name="piece1" >'; html += ' <input type="text" id="piece2" name="piece2" >'; html += ' <input type="text" id="piece3" name="piece3" >'; html += ' <input type="text" id="piece4" name="piece4" >'; html += ' </td>'; html += '</tr>'; $( ".content_header" ).append( html ); }); }); </script> </head> <body> <form name="mainform" method="post" action="1.php" onsubmit="return send()"> <div class="content_header" > <div class="currentProductionNumber"></div> <input id="btnCreate" type="button" value="+" /> <center><input name="submit" class="submit_admin" id="submit" type="submit" value="ยืนยัน" /></center> </div> </form> </body> </html>
<link href="css/ jQuery Validation Plugin.css" rel="stylesheet" type="text/css" /> <div class="container"> <div class="span"> <?php echo $_POST["hidden"]; ?> </div> </div>
Quote:$('form').append(hiddens);
var currentProductionNumber=$('.content_header tr').length;
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง