Javascript 如何使用PHP将Jquery添加行数据提交到mysql_Javascript_Php_Jquery_Mysql

Javascript 如何使用PHP将Jquery添加行数据提交到mysql

javascript php jquery mysql

Javascript 如何使用PHP将Jquery添加行数据提交到mysql,javascript,php,jquery,mysql,Javascript,Php,Jquery,Mysql,所以我有一段我一直在修补的代码。Jquery是从其他地方修改的。我希望能够在此页面上添加产品（目前有效）。。。但我所面临的困难是，我通过一个提交按钮将所有数据提交到MySql 我尝试过使用一些数组/循环，但到目前为止，我还是画了一个空白。有人能帮忙吗 <html> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javas

所以我有一段我一直在修补的代码。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>


//
产品：
烟草
能量饮料
尼古丁：
3毫克
6mg
12毫克
数量：

提交

按“提交”按钮输入

提交

到

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

第一个错误是：

从

name

属性的值中删除单引号，它应该如下所示：

这不被认为是一个问题。如果在

name

attribute的值周围使用单引号，那么在PHP中访问它的值会非常烦人

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

$\u POST['\'product1\'']

$\u POST[“'product1'”

第一种方法使用反斜杠的转义序列来转义单引号

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

第二个错误是：

表单标记下面的最后三个HTML元素没有包装在表单中。最后三个元素中的两个元素是

submit

和hidden元素，它们属于表单元素。修改代码后，整个代码应如下所示：

<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>


产品：
烟草
能量饮料
尼古丁：
3毫克
6mg
12毫克
数量：

提交

希望有帮助

试着使用一个名称作为行[currentItem][product]和行[currentItem][Nicholine]我不太明白你的意思？按钮type=“submit”和输入type=“submit”具有相同的功能体系结构，而不是它如何提供帮助？的确，问题是如何从我发布的要提交并写入数据库的代码中获取所有数据：）当您单击“提交”按钮时，您可以通过$_POST获取所有数据，如$product1_value=$_POST['product1']；并通过mysql将所有数据存储到数据库中。我已经这样做了，它也可以工作，但是当我从第一页添加多个项目时，会有递增的值，我该怎么做呢？

<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>