สอบถามการ insert ข้อมูลแบบ array แถวละ 1 ข้อมูลครับ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการ insert ข้อมูลแบบ array แถวละ 1 ข้อมูลครับ
สอบถามการ insert ข้อมูลแบบ array แถวละ 1 ข้อมูลครับ
Copy
ผมลองดูบทความ https://www.ninenik.com/content.php?arti_id=806
แต่ยังไม่สามารถบันทึกค่าแต่ละแถวได้ มันเข้าแค่อันเดียวครับ
ส่วนฟอร์มครับ
<div class="modal fade" id="add_new_record_modal_3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <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" id="myModalLabel">เพิ่มข้อมูลใหม่</h4> </div> <div class="modal-body"> <form name="FormData" method="post" action="" > <div class="wrapper"> <div class="row"> <div class="col-md-7"><label for="first_name">ชื่อบริษัท/ผู้ประกอบการ</label> <!-- <input type="text" name="input_array_name[]" autofocus="autofocus" class="form-control text-uppercase typeahead" autocomplete="off" placeholder="ค้นหาชื่อบริษัท...." />--> </div> <div class="col-md-2"><label for="co">C/O</label> <!-- <input class="form-control type="text" id="spinEdit" /> --> </div> <div class="col-md-2"><label for="cf">C/F</label> <!-- <input class="form-control type="text" id="spinEdit" /> --> </div> </div> </div> <button class="btn btn-default add_fields">เพิ่มรายการ</button> </form> <script> //Add Input Fields $(document).ready(function() { var max_fields = 10; //Maximum allowed input fields var wrapper = $(".wrapper"); //Input fields wrapper var add_button = $(".add_fields"); //Add button class or ID var x = 1; //Initial input field is set to 1 //When user click on add input button $(add_button).click(function(e){ e.preventDefault(); //Check maximum allowed input fields if(x < max_fields){ x++; //input field increment //add input field $(wrapper).append('<div style="margin-bottom: 10px;">'+ '<div class="row fieldGroup">'+ '<div class="col-md-7">'+ '<input type="text" id="company_chamber" name="company_chamber[]" class="form-control text-uppercase typeahead1" autocomplete="off" placeholder="ค้นหาชื่อบริษัท...." /> '+ '</div>'+ '<div class="col-md-2">'+ '<div data-trigger="spinner" class="input-group spinner" id="spinner">'+ '<input type="text" class="form-control value="1" id="co" data-ruler="quantity">'+ '<div class="input-group-btn-vertical">'+ '<button class="btn btn-default" type="button" data-spin="up"><i class="fa fa-caret-up"></i></button>'+ '<button class="btn btn-default" type="button" data-spin="down"><i class="fa fa-caret-down"></i></button>'+ '</div>'+ '</div>'+ '</div>'+ '<div class="col-md-2">'+ '<div data-trigger="spinner" class="input-group spinner" id="spinner">'+ '<input type="text" class="form-control value="1" id="cf" data-ruler="quantity">'+ '<div class="input-group-btn-vertical">'+ '<button class="btn btn-default" type="button" data-spin="up"><i class="fa fa-caret-up"></i></button>'+ '<button class="btn btn-default" type="button" data-spin="down"><i class="fa fa-caret-down"></i></button>'+ '</div>'+ '</div>'+ '</div>'+ '<a class="remove_field" href="javascript: void(0)"><i class="glyphicon glyphicon-minus-sign glyphicon-large" style="font-size: 24px; color:#d9534f; padding-top: 5px;"></i></a></div></div>'); $('#spinner:first-of-type') .spinner('delay', 200) //delay in ms .spinner('changed', function(e, newVal, oldVal) { // trigger lazed, depend on delay option. }) .spinner('changing', function(e, newVal, oldVal) { // trigger immediately }); $('#spinner:last-of-type') .spinner('delay', 200) //delay in ms .spinner('changed', function(e, newVal, oldVal) { // trigger lazed, depend on delay option. }) .spinner('changing', function(e, newVal, oldVal) { // trigger immediately }); $('.typeahead1:last').typeahead({ autoSelect: true, minLength: 2, //delay: 200, hint: true, highlight:true, source: function(query, result) { $.ajax({ url:"fetch.php", method:"POST", data:{query:query}, dataType:"json", success:function(data) { result($.map(data, function(item){ return item; })); } }) } }); } }); //when user click on remove button $(wrapper).on("click",".remove_field", function(e){ e.preventDefault(); $(this).parent('div').remove(); //remove inout field x--; //inout field decrement }) }); </script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">ยกเลิก</button> <button id="chamber_submit" type="button" class="btn btn-primary" onclick="addRecord3()">เพิ่มข้อมูล</button> </div> </div> </div> </div>ส่วนของฟังก์ชั่น
// Add Record function addRecord3() { // get values var company_chamber = $("#company_chamber").val(); var co = $("#co").val(); var cf = $("#cf").val(); // Add record $.post("ajax/addRecord3.php", { company_chamber: company_chamber, co: co, cf: cf }, function (data, status) { // close the popup $("#add_new_record_modal_3").modal("hide"); // read records again readRecords3(); $("#company_chamber").val(""); $("#co").val("0"); $("#cf").val("0"); }); }ส่วนของบันทึกข้อมูลครับ
if(isset($_POST['company_chamber'])) { // include Database connection file include("db_connection.php"); // get values $company_chamber = $_POST['company_chamber']; $co = $_POST['co']; $cf = $_POST['cf']; $company = strtoupper($company); $query = "INSERT INTO chamber(company_chamber, co, cf) VALUES('$company_chamber', '$co', '$cf')"; //บันทึกการให้คำปรึกษา if (!$result = mysql_query($query)) { exit(mysql_error()); } echo "1 Record Added!"; }
Pramuan.pao
20-09-2018
08:30:52
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ