Question

所以我目前正在制作一个可以正常工作的发票工具，但是我要做的就是增加插入每个新行中的数据。完成后，我希望能够获取所有数据并使用php将其提交到MySQL数据库。有谁知道这是怎么做的？

如果我是诚实的，我从未研究过Jquery所以我不知道从哪里开始。感谢

<html lang="en">
<head>
<meta charset="utf-8">
<title>Invoce Report</title>
<style type="text/css">
    form{
        margin: 20px 0;
    }
    form input, button{
        padding: 5px;
    }
    table{
        width: 100%;
        margin-bottom: 20px;
        border-collapse: collapse;
    }
    table, th, td{
        border: 1px solid #cdcdcd;
    }
    table th, table td{
        padding: 10px;
        text-align: left;
    }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".add-row").click(function(){
            var name = $("#name").val();
            var variants = $("#variants").val();
            var markup = "<tr><td><input type='checkbox' name='record'></td><td name>" + name + "</td><td>" + variants + "</td></tr>";
            $("table tbody").append(markup);
        });

        // Find and remove selected table rows
        $(".delete-row").click(function(){
            $("table tbody").find('input[name="record"]').each(function(){
                if($(this).is(":checked")){
                    $(this).parents("tr").remove();
                }
            });
        });
    });    
</script>
</head>
<?php 
    $mg = "mg";
    $cb = "Classic Tobacco - 10ml";
    $sh = "Sahara Tobacco - 10ml";
    $ed = "Energy Drink - 10ml";
    ?>
<body>
    <form id="invoice" action="invoicereg.php" method="POST">
        <select id="name" name="name">
            <option value="<?php echo $cb; ?>">Aramax Classic Tobacco</option>
            <option value="<?php echo $sh; ?>">Aramax Sahara</option>
            <option value="<?php echo $ed; ?>">Aramax Energy Drink</option>
        </select>
        <select id="variants" placeholder="Variants - If Applicable">
            <option></option>
            <option value="3<?php echo $mg; ?>">3mg</option>
            <option value="6<?php echo $mg; ?>">6mg</option>
            <option value="12<?php echo $mg; ?>">12mg</option>
        <input type="button" class="add-row" value="Add Row">
    </form>
    <table>
        <thead>
            <tr>
                <th>Select</th>
                <th>Product</th>
                <th>Variant - If Applicable</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <button type="button" class="delete-row">Delete Row</button><br><br>
    <input type="submit" form="invoice">
</body> 
</html>

Answer 1

没有测试que jquery部分，但是这似乎缺少提交后你想要的表单中的字段。在：

var markup = "<tr><td><input type='checkbox' name='record'></td><td name>" + name + "</td><td>" + variants + "</td></tr>";

您需要在表单中包含您需要提交的数据。例如：

var markup = '<tr><td><input type="checkbox" name="record"></td><td name><input type="hidden" name="values[]" value="' + name + ' ' +variants+ '" >' + name + '</td><td>' + variants + '</td></tr>';

提交后，在$ _POST中，您将获得数组$ _POST [＆＃39;值＆＃39;]中的值。

不要忘记检查isset，它可以提交任何值。和sql适当的转义值。

使用Jquery增加HTML值并将输入数据提交给PHP

1 个答案: