สอบถามการ insert ข้อมูลแบบ array แถวละ 1 ข้อมูลครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการ insert ข้อมูลแบบ array แถวละ 1 ข้อมูลครับ

สอบถามการ insert ข้อมูลแบบ array แถวละ 1 ข้อมูลครับ

ผมลองดูบทความ https://www.ninenik.com/content.php?arti_id=806

แต่ยังไม่สามารถบันทึกค่าแต่ละแถวได้ มันเข้าแค่อันเดียวครับ



ส่วนฟอร์มครับ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<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">&times;</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>
ส่วนของฟังก์ชั่น
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// 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");
    });
}
ส่วนของบันทึกข้อมูลครับ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ถ้าส่งข้อมูลแบบ ajax เราต้องวนลูปรายการข้อมูลทั้งหมด แล้วส่งไปบันทึก หรือใช้
serialize() ฟังก์ชั่น ส่งไปแบบฟอร์มปกติก็ได้
 
ทบทวนการใช้งาน submit ข้อมูลแบบ ajax และการ reset form http://niik.in/570 


ninenik 20-09-2018
 ความคิดเห็นที่ 2

ขอบคุณมากเลยครับ ผมลองแบบ serialize() ใช้งานได้เรียบร้อยครับ



pramuan.pao 20-09-2018 15:55







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ