javascript - 如何使用PHP提交Jquery Add Rows数据到mysql

标签 javascript php jquery mysql

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

最佳答案

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

第一个错误是:

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

希望对你有帮助!

关于javascript - 如何使用PHP提交Jquery Add Rows数据到mysql,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41675307/

相关文章:

javascript - 导入自定义 NPM 库时无法在模块外使用导入语句

php - Laravel 验证失败时方法不允许异常

jquery - 使用 $.ajax 获取部分 View

PHP Javascript opener.document 问题

javascript - 运行时在其自己的函数内清除超时

jquery - Telerik Kendo 从网格拖放到 Treeview - 获取目标值

javascript - 没有 HTML 服务器的本地机器上的 D3 可视化?

javascript - 将多个页面中的数据保存到本地存储中,而不会覆盖其他页面的本地存储

javascript - 使用 GET 方法通过 AJAX 成功提交表单后更改 url

PHP多维数组长度