如何使用 PHP 将 Jquery Add Rows 数据提交到 mysql答案

【问题标题】：How to submit Jquery Add Rows data to mysql using PHP如何使用 PHP 将 Jquery Add Rows 数据提交到 mysql
【发布时间】：2017-01-16 11:25:48
【问题描述】：

所以我得到了我一直在修改的这段代码。 Jquery 是从其他地方修改的。我希望能够在此页面上添加产品（目前可以使用）......但我正在努力的部分是然后我通过提交按钮将所有这些数据提交到 MySql。

我尝试过使用一些数组/循环，但到目前为止我还是画了一个空白。有人可以帮忙吗？

<html>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type='text/javascript'>
        //<![CDATA[
            $(document).ready(function() {
                var currentItem = 1;
                $('#addnew').click(function() {
                    currentItem++;
                    $('#items').val(currentItem);
                    var strToAdd = '<br>product: <select name="product'+currentItem+'" id="product'+currentItem+'" ><option value="aclt">Tobacco</option><option value="aed">Energy Drink</option></select> nicotine: <select name="nicotine'+currentItem+'" id="nicotine'+currentItem+'">      <option value="3">3mg</option><option value="6">6mg</option><option value="12">12mg</option></select> Qty:<input name="qty'+currentItem+'" id="qty'+currentItem+'" type="text" />';
                    $('#data').append(strToAdd);
               });
           });
       //]]>
    </script>

    <form method="POST" action="invoicereg.php" id="data" name="sub">
    product:
        <select name="'product1'" id="product1" >
            <option value="aclt">Tobacco</option>
            <option value="aed">Energy Drink</option>
        </select>
        nicotine:
        <select name="nicotine1" id="nicotine1">
            <option value="3">3mg</option>
            <option value="6">6mg</option>
            <option value="12">12mg</option>
        </select>
        Qty:<input type="text" id="qty" name="qty"></input><br>
    </form>
    <button type="submit" form="data">SUBMIT</button>
    <input type="button" id="addnew" name="addnew" value="Add new item" /> 
    <input type="hidden" id="items" name="items" value="1" />
</html>

【问题讨论】：

尝试使用名称作为 row[currentItem][product] 和 row[currentItem][nicotine]
我不太明白你的意思？

标签： javascript php jquery mysql

【解决方案1】：

我注意到您在代码中犯了一些错误。

第一个错误是：

<select name="'product1'" id="product1">

从name 属性的值中删除单引号，它应该看起来像：

<select name="product1" id="product1">

这不是问题。如果您在 name 属性的值周围使用单引号，那么在 PHP 中访问它的值会很烦人。

因此，您需要使用复杂的表达式来获取值，如以下语法：

$_POST['\'product1\'']

$_POST["'product1'"]

第一个使用反斜杠的转义序列来转义单引号。

第二个使用双引号来访问带有单引号的键。这个比第一个涉及有点复杂的表达式相对容易。

第二个错误是：

表单标签下方的最后三个 HTML 元素没有包裹在表单中。最后三个元素中的两个submit 和隐藏元素属于表单元素。修改代码后，整个代码应该是这样的：

<form method="POST" action="invoicereg.php" id="data" name="sub">
    product:
    <select name="product1" id="product1" >
        <option value="aclt">Tobacco</option>
        <option value="aed">Energy Drink</option>
    </select>
    nicotine:
    <select name="nicotine1" id="nicotine1">
        <option value="3">3mg</option>
        <option value="6">6mg</option>
        <option value="12">12mg</option>
    </select>
    Qty:<input type="text" id="qty" name="qty"></input><br>
    <button type="submit" form="data">SUBMIT</button>
    <input type="button" id="addnew" name="addnew" value="Add new item" /> 
    <input type="hidden" id="items" name="items" value="1" />
</form>

希望对你有帮助！

【讨论】：

【解决方案2】：

使您的输入类型提交按钮

<button type="submit" form="data">SUBMIT</button>

到

 <input type="submit" form="data" value="SUBMIT">

【讨论】：

button type="submit" 和 input type="submit" 具有相同的功能架构，比它如何提供帮助？
确实，问题是如何从我发布的代码中获取所有这些数据以提交并写入数据库:)
当您点击提交按钮后，您可以通过 $_POST 获取所有数据，例如 $product1_value= $_POST['product1'];并通过mysql插入查询将所有数据存储到数据库中
我已经这样做了，它可以工作，但是当我从第一页添加多个项目时，值会增加，我该怎么做？