如何使用方法post根据添加的行表将数据保存在数组中?

威瑟

如果我使用带有功能的添加行表,如何单击添加数据?这是我的代码:

<form id="login" action = "product2.php" method = "POST" name="product-form">
    <table border="0">
    <tr>
        <td>
            Max Item
        </td>
        <td>
            :
        </td>
        <td>
            <select name="max" id="maxitem">
                <?php
                for($i=1; $i<=6; $i++)
                {
                    echo "<option value=".$i.">".$i."</option>";
                }
                ?>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            Product
        </td>
        <td>
        :
        </td>
        <td>
            <input type="text" name="product" id="product" value="" placeholder="Add Product" size="40">
        </td>
        <td>
            <input type="button" id="ADD" value="Add Item">
        </td>
    </tr>
    </table>
    </br>
    <table border="1" id="tblname" cellpadding="5" cellspacing="5">
        <thead>
        <tr>
            <td>
                Total Item
            </td>
            <td>
                Name Item
            </td>
            <td>
                DELETE
            </td>
        <tr>
        </thead>
        <tbody align="center">
        </tbody>
    </table>
    </br>
    <input type="submit" value="SUBMIT">
    </form>

这是javascript代码:

$(document).ready(function(){
var item = 1;
$('#ADD').click(function(){
    var maxitem = parseInt($("#maxitem").val(), 10); //from max item in html
    var iCount = 0;
    if($('#product').val()){  // check input product
        if( item <= maxitem )
        {
            iCount = $('#tblname tbody tr').length + 1;
            szTr = "<tr><td>";
            szTr = szTr + iCount + "</td>";
            szTr = szTr +   "<td>" +$('#product').val() +"</td>";
            szTr = szTr +   "<td><input type='button' class='DEL' value='DELETE'></td>";
            szTr = szTr +   "</tr>";                     
            $('#tblname tbody').append(szTr);
            item +=1;
        }
        else
        {
            alert ("Max Limit !!!");
        }
    }else{alert('Enter Text');}
});

// for delete row
$('body').on('click', 'input.DEL', function() {
    $(this).parents('tr').remove();  
    item -= 1;
});
});

这段代码html和js已经可以正常工作,但是我不知道如何发布数据产品???

这是我在product2.php中的代码

<?php
$maxitem = $_POST['max'];
$products = array();
$products [] = $_POST['product']; // ??? how i can keep each value product with array ??
?>
丹坦瓦尔

试试看,您需要在JavaScript代码中进行更改并将产品名称定义为数组...。我认为这可能会对您有所帮助。

<form id="login" action = "" method = "POST" name="product-form">
    <table border="0">
    <tr>
        <td>
            Max Item
        </td>
        <td>
            :
        </td>
        <td>
            <select name="max" id="maxitem">
                <?php
                for($i=1; $i<=6; $i++)
                {
                    echo "<option value=".$i.">".$i."</option>";
                }
                ?>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            Product
        </td>
        <td>
        :
        </td>
        <td>
            <input type="text" name="product[]" id="product" value="" placeholder="Add Product" size="40">

        </td>
        <td>
            <input type="button" id="ADD" value="Add Item">
        </td>
    </tr>
    </table>
    </br>
    <table border="1" id="tblname" cellpadding="5" cellspacing="5">
        <thead>
        <tr>
            <td>
                Total Item
            </td>
            <td>
                Name Item
            </td>
            <td>
                DELETE
            </td>
        <tr>
        </thead>
        <tbody align="center">
        </tbody>
    </table>
    </br>
    <input type="submit" name="submit" value="SUBMIT">
    </form>  

    <script>
    $(document).ready(function(){
var item = 1;
$('#ADD').click(function(){
    var maxitem = parseInt($("#maxitem").val(), 10); //from max item in html
    var iCount = 0;
    if($('#product').val()){  // check input product
        if( item <= maxitem )
        {
            iCount = $('#tblname tbody tr').length + 1;
            szTr = "<tr><td>";
            szTr = szTr + iCount + "</td>";
            szTr = szTr +   "<td><input type='hidden' name='product[]' value='"+$('#product').val()+"' />" +$('#product').val() +"</td>";
            szTr = szTr +   "<td><input type='button' class='DEL' value='DELETE'></td>";
            szTr = szTr +   "</tr>";                     
            $('#tblname tbody').append(szTr);
            item +=1;
        }
        else
        {
            alert ("Max Limit !!!");
        }
    }else{alert('Enter Text');}
});

// for delete row
$('body').on('click', 'input.DEL', function() {
    $(this).parents('tr').remove();  
    item -= 1;
});
});
    </script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在动态添加的表行中创建级联下拉列表并保存在数据库中

来自分类Dev

如何检查数组中是否存在数据以及如何使用VBA将项目添加到数组

来自分类Dev

根据数组在数据库表中添加行

来自分类Dev

将数据保存在数组中,不是临时的

来自分类Dev

PHP将数据逐行保存在数组中?

来自分类Dev

将数据保存在数据存储区中,然后保存在表vba中

来自分类Dev

如何使用自定义键将数据保存在数据库中?

来自分类Dev

如何根据表的最大标识密钥使用实体框架将数据保存在MVC中时生成唯一编号?

来自分类Dev

如何根据数据集中一列中数组中存在的多个值在数据集中创建新行

来自分类Dev

将矩阵保存在数组中

来自分类Dev

将 id 保存在数组中

来自分类Dev

将图像添加到GetOrgChart,这些图像保存在数据库表中为“ blob”

来自分类Dev

如何使用单选按钮将nil保存在数据库中

来自分类Dev

如何使用Angular将元素保存在数据库容器中?

来自分类Dev

如何将数据保存在数组中以便打印以O(n)时间排序的数据?

来自分类Dev

如何使用该行中的按钮在数据表中添加类行?

来自分类Dev

如何在不使用数据库的情况下将数据对象保存在数据网格中

来自分类Dev

如何使用循环表单保存数据行以将数据保存在Django中?

来自分类Dev

如何使用通过 Symfony 4 中的 Ajax 加载的表单将数据保存在数据库中?

来自分类Dev

动态创建的PHP数组字段不使用mysql将数据保存在表中

来自分类Dev

将文本文件中的数据保存在数组和/或字典中

来自分类Dev

如何将从核心数据加载的数据保存在数组中?

来自分类Dev

如何在Laravel 5.1中将数据保存在数据库安全中?

来自分类Dev

Google Maps标记将表单数据保存在数组中

来自分类Dev

Google Maps标记将表单数据保存在数组中

来自分类Dev

单击“注册”按钮时,将表单数据保存在数组或 Json 中

来自分类Dev

如何使用ADO.NET和存储过程将复杂的C#对象保存在数据库中?

来自分类Dev

如何使用此add方法将每月温度数据的值存储在数组tempData中?

来自分类Dev

如何将.txt文件中的特定文本保存在数组中

Related 相关文章

  1. 1

    如何在动态添加的表行中创建级联下拉列表并保存在数据库中

  2. 2

    如何检查数组中是否存在数据以及如何使用VBA将项目添加到数组

  3. 3

    根据数组在数据库表中添加行

  4. 4

    将数据保存在数组中,不是临时的

  5. 5

    PHP将数据逐行保存在数组中?

  6. 6

    将数据保存在数据存储区中,然后保存在表vba中

  7. 7

    如何使用自定义键将数据保存在数据库中?

  8. 8

    如何根据表的最大标识密钥使用实体框架将数据保存在MVC中时生成唯一编号?

  9. 9

    如何根据数据集中一列中数组中存在的多个值在数据集中创建新行

  10. 10

    将矩阵保存在数组中

  11. 11

    将 id 保存在数组中

  12. 12

    将图像添加到GetOrgChart,这些图像保存在数据库表中为“ blob”

  13. 13

    如何使用单选按钮将nil保存在数据库中

  14. 14

    如何使用Angular将元素保存在数据库容器中?

  15. 15

    如何将数据保存在数组中以便打印以O(n)时间排序的数据?

  16. 16

    如何使用该行中的按钮在数据表中添加类行?

  17. 17

    如何在不使用数据库的情况下将数据对象保存在数据网格中

  18. 18

    如何使用循环表单保存数据行以将数据保存在Django中?

  19. 19

    如何使用通过 Symfony 4 中的 Ajax 加载的表单将数据保存在数据库中?

  20. 20

    动态创建的PHP数组字段不使用mysql将数据保存在表中

  21. 21

    将文本文件中的数据保存在数组和/或字典中

  22. 22

    如何将从核心数据加载的数据保存在数组中?

  23. 23

    如何在Laravel 5.1中将数据保存在数据库安全中?

  24. 24

    Google Maps标记将表单数据保存在数组中

  25. 25

    Google Maps标记将表单数据保存在数组中

  26. 26

    单击“注册”按钮时,将表单数据保存在数组或 Json 中

  27. 27

    如何使用ADO.NET和存储过程将复杂的C#对象保存在数据库中?

  28. 28

    如何使用此add方法将每月温度数据的值存储在数组tempData中?

  29. 29

    如何将.txt文件中的特定文本保存在数组中

热门标签

归档