<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ระบบ add</title> <script type="text/javascript" src="http://www.mkyong.com/wp-content/uploads/jQuery/jquery-1.3.2.min.js"></script> <script><!--Start Script --> $(document).ready(function() { var i = 1; $('#add').click(function() { $('<div><span class="fieldset"> รายการผลผลิตที่ได้รับ <input type="text" name="txtNumid[]" class="box_data1" title="กรอกรายการผลผลิตที่ได้รับ" style="text-align:center;width:200px;" id="txtNumid[]" ' + i + ' "/> จำนวน <input type="text" name="txtWork[]" class="box_data1" title="กรอกจำนวน" style="text-align:center;width:50px;" onkeyup="format(this)" onchange="format(this)" id="txtWork[]" ' + i + ' "/></span></div>').fadeIn('slow').appendTo('.inputs'); i++; }); $('#remove').click(function() { if (i > 1) { $('.fieldset:last').remove(); i--; } $('.submit').click(function() { var answers = []; $.each($('.field'), function() { answers.push($(this).val()); }); if (answers.length == 0) { answers = "none"; } alert(answers); return false; }); }); }); </script> </head> <body> <div class="inputs"> <div> รายการผลผลิตที่ได้รับ <input type="text" name="txtNumid[]" class="box_data1" title="กรอกรายการผลผลิตที่ได้รับ" style="text-align:center;width:200px;" id="txtNumid[]" /> จำนวน <input type="text" name="txtWork[]" class="box_data1" title="กรอกจำนวน" style="text-align:center;width:50px;" onkeyup="format(this)" onchange="format(this)" id="txtWork[]" /> </div> </div> <a class="btn btn-success" href="#" id="add"><i class="icon-plus icon-white"></i>เพิ่ม</a> <a class="btn btn-warning" href="#" id="remove"><i class="icon-minus icon-white"></i>ลบ</a> <input type="hidden" name="hdnLine2" value="<?=$i; ?>" /> </body> </html>
$(document).ready(function() { var i = 1; $('#add').click(function() { $('<div><span class="fieldset"> รายการผลผลิตที่ได้รับ <input type="text" name="txtNumid[]" class="box_data1" title="กรอกรายการผลผลิตที่ได้รับ" style="text-align:center;width:200px;" id="txtNumid[]" ' + i + ' "/> จำนวน <input type="text" name="txtWork[]" class="box_data1" title="กรอกจำนวน" style="text-align:center;width:50px;" onkeyup="format(this)" onchange="format(this)" id="txtWork[]" ' + i + ' "/></span></div>').fadeIn('slow').appendTo('.inputs'); i++; }); });
<script> $(document).ready(function() { var i = 1; $('#add').click(function() { $('.fieldset').fadeIn('slow').appendTo('.inputs'); i++; }); }); </script> <div class="fieldset"> รายการผลผลิตที่ได้รับ <input type="text" name="txtNumid[]" class="box_data1" title="กรอกรายการผลผลิตที่ได้รับ" style="text-align:center;width:200px;" id="txtNumid[]" ' + i + ' "/> จำนวน <input type="text" name="txtWork[]" class="box_data1" title="กรอกจำนวน" style="text-align:center;width:50px;" onkeyup="format(this)" onchange="format(this)" id="txtWork[]" ' + i + ' "/></div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง