<a href="#" class="sendid btn btn-success" data-toggle="modal" data-target=".bt-example-modal-lg"><i class='fa fa-plus fa-1x' data-cid="<?=$coftype_id?>"></i> เพิ่มสูตร </a>
<div class="modal fade bt-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" > <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"><i class="fa fa-plus fa-1x"></i> <strong>เพิ่มสูตร</strong></h4> </div> <div class="modal-body"> <div class="col-md-9"> <div class="form-group"> <select class="form-control"> <option>One Vale</option> <option>Two Vale</option> <option>Three Vale</option> <option>Four Vale</option> </select> <p class="help-block">กรุณาเลือกวัตถุดิบ</p> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" name="idcof" id="idcof" value=""> <input class="form-control" type="number" name="amount" step="0.01" > <p class="help-block">กรุณากรอกอัตราส่วนที่ใช้</p> </div> </div> <button type="submit" class="btn btn-success" name="insert_mat" value="insert_mat"> <i class="fa fa-check"></i> ตกลง </button> <button type="reset" class="btn btn-danger"> <i class="fa fa-times"></i> ยกเลิก </button> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div>
<script> $(document).on("click", ".sendid", function () { var cofid = $(this).data('cid'); alert(cofid); $(".modal-body #idcof").val( cofid ); $(".modal-body #idcof").html( cofid ); modal.find('.modal-body #idcof').val(cofid) }); </script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> function setId(tParam){ $("#idcof").val(tParam); // set ค่าที่ต้องการ $("#modalClick").click(); // เปิด Modal } </script>
<a href="#" onclick="setId('<?=$coftype_id?>')" id="modalClick" class="sendid btn btn-success" data-toggle="modal" data-target=".bt-example-modal-lg"><i class='fa fa-plus fa-1x' data-cid=""></i> เพิ่มสูตร </a>
$(document).ready(function(){ // set event ต่างๆ $(document).on("click", ".sendid", function () { var cofid = $(this).data('cid'); alert(cofid); $(".modal-body #idcof").val( cofid ); $(".modal-body #idcof").html( cofid ); modal.find('.modal-body #idcof').val(cofid) }); });
<script> function init(){ $(document).on("click", ".sendid", function () { var cofid = $(this).data('cid'); alert(cofid); $(".modal-body #idcof").val( cofid ); $(".modal-body #idcof").html( cofid ); modal.find('.modal-body #idcof').val(cofid) }); } </script> <body onload="init()">
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง