<div class="container"> <div class="row"> <main class="col-12"> <?php if($act == 'index'): ?> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-body"> <form action="?act=insert" method="POST"> <div class="form-group row"> <a href="javascript:void(0)" class="btn btn-sm btn-success btnAdd">+ Add Item</a> </div> <div class="form-group row"> <div class="table-responsive"> <table class="table table-bordered table-sm item"> <thead> <tr> <th>Name</th> <th width="15%">Reason</th> <th>#</th> </tr> </thead> <tbody> <tr> <td> <input type="text" class="form-control" name="name[]" required> </td> <td> <select class="form-control selectReason" name="reason[]"> <?php $allReason = [ "1" => "AAA", "2" => "BBB", "3" => "CCC", "4" => "DDD", "5" => "EEE" ]; foreach($allReason as $key => $value){ echo "<option value='{$key}'>{$value}</option>"; } unset($reason); ?> </select> </td> <td style="display:none;"> <button class="btn btn-sm btn-danger btnRemove">-</button> </td> </tr> </tbody> </table> </div> </div> <div class="form-group row justify-content-center"> <div class="col-sm-3 mb-2"> <button class="btn btn-success btn-sm btn-block" name="btnInsert"> <i class="fa fa-check mr-2"></i>OK </button> </div> </div> </form> </div> </div> </div> </div> <?php endif; if($act == 'insert'){ foreach(array_filter($_POST['name']) as $key => $value){ $name = $_POST['name'][$key]; $reason = $_POST['reason']; echo "{$name}<br>"; print_r($reason); echo "<hr>"; } } ?> </main> </div> </div>
$(".selectReason").select2({ multiple: true,placeholder: "- Select Reason -"}); $(".selectReason").val("").trigger("change"); $(".btnAdd").on("click",function() { $(".selectReason").select2("destroy"); var row = $(".item").find("tbody").find("tr:last"); var clone = row.clone(); clone.find("input, select").attr("disabled", false).val(""); clone.find("td:last").show(); clone.find(".btnRemove").click(function() { $(this).closest("tr").remove(); }); row.after(clone); $(".selectReason").select2({ multiple: true,placeholder: "- Select Reason -"}); clone.show(); });
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง