php - 将动态字段数据插入数据库问题？

Question

我有一个动态创建的字段，效果很好。我目前正在尝试将输入到动态字段中的数据插入到我的数据库中。 但是，信息不会插入数据库，即提交按钮未提交。

我已将 jQuery 和 php 中的表单复制并粘贴到测试文件中，删除了 jQuery 并根据需要插入表单。

我的动态字段是使用 jquery 创建的，我正在尝试使用 php 将数据插入数据库，jquery 和 php 是否协同工作？非常感谢任何建议或意见。

动态场

    $(document).ready(function() {
            var max_fields = 100; //maximum input boxes allowed
            var wrapper = $(".input_fields"); //Fields wrapper
            var add_button = $(".add_field"); //Add button ID

            var x = 1; //initlal text box count
            $(add_button).click(function(e) { //on add input button click
                e.preventDefault();
                if (x < max_fields) {
                    x++; //text box increment
                    $(wrapper).prepend('<div id="new_blue">\n\
                           <div id="inline" class="div">\n\\n\
                           <form id="form" class="Form" method="POST" action="" accept-charset="utf-8">\n\
                           <p id="option" class="text">Option name\n\
                           <input type="text" id="option_nme" name="option_nme[]" class="option_field"></p>\n\
                           </div>\n\
                           \n\
                           <div id="inl" class="div">\n\
                           <p id="customer" class="text">Allow customer to pick ..\n\
                           <select class="optionType" name="optionType" value=""disabled="disabled" >\n\
                           <option value="Option Type" disabled="disabled">Option Type</option>\n\
                           </select>\n\
                           </div>\n\
                           </p>\n\
                           <hr id="hoz_line">\n\
                           <p id="para">You can add add-ons after creating this option...\n\
                           </p>\n\
                           <input type="submit" id="dynamic_submit" name="dynamic_submit" value="Submit">\n\
                           <a href="#" class="remove_field">Remove</a>\n\\n\
                           </form></div>'); //add input box
                }
            });

            $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
                e.preventDefault();
                $(this).parent('div').remove();
                x--;
            })
        });

插入查询

  $dbc = new mysqli("localhost", "root", "root", "One_Delivery");
    $dbc->set_charset("utf8mb4");

    $sel_sql = "SELECT Add_On_ID FROM Add_On";
    $sel_result = $dbc->query($sel_sql);

    if ($sel_result->num_rows > 0) {
        // output data of each row
        while ($sell_row = $sel_result->fetch_assoc()) {
            $ao_id = $sell_row['Add_On_ID'];
        }

        //insert dynamic field(s) into add-on
        if (isset($_POST['dynamic_submit'])) {
            $df_option_name = $_POST['option_nme'];

            // option name validation
            if (empty($_POST['option_nme'])) {
                $add_product_errors['option_nme'] = "Oops! i cannot be empty";
            }

            $ao_query = "INSERT INTO Add_on(Add_On_OpName) VALUES (?)
         ON DUPLICATE KEY 
         UPDATE
         Add_On_OpName = ?"; //on duplicate input update row
            //var_dump($databaseObject);
            $ao_run_query = $dbc->prepare($ao_query);

            $ao_run_query->bind_param('ss', $df_option_name, $df_option_name);
            // THIS now executes the above transaction, returns TRUE if successful - issdissd duplicate update
            if (!$ao_run_query->execute()) {
                $insertError = "There was an error inserting data: " . $ao_run_query->error;
            }

            print "affected rows:" . $ao_run_query->affected_rows; //how many records affected? 
            $ao_run_query->free_result(); // Frees memory on completion 
            $ao_run_query->close(); //closes this action 


        }

Answer 1

有几点:

按钮是否通过 AJAX 输出？如果是这样，您需要像这样听:

$(document).on('click', '.add_field', function(e) {
    // do stuff
});

您还在 .add_field 上使用了两次 $() 这可能会产生影响，而是执行以下操作:

$('.add_field').on('click', function(e) {
    // do stuff
});

或

$('.add_field').click(function(e) {
    // do stuff
});