Question

我使用Javascript动态添加textbox，以便用户在一个进程中添加更多项目。这是添加textboxes的代码：

<script type="text/javascript">

    var quantity = document.getElementById('quantity');
    var item = document.getElementById('item');
    var serial = document.getElementById('serial');
    var property = document.getElementById('property');

    document.getElementById('add').onclick = function () {
        var input = document.createElement('input'),
        div = document.createElement('div');
        input.type = "text";
        input.setAttribute("name", "quant");
        div.appendChild(input);
        quantity.appendChild(div);

        var input2 = document.createElement('input'),
        div2 = document.createElement('div');
        input2.type = "text";
        input2.setAttribute("name", "items");
        div.appendChild(input2);
        item.appendChild(div);

        var input3 = document.createElement('input'),
        div3 = document.createElement('div');
        input3.type = "text";
        input3.setAttribute("name", "serno");
        div.appendChild(input3);
        serial.appendChild(div);

        var input4 = document.createElement('input'),
        div4 = document.createElement('div');
        input4.type = "text";
        input4.setAttribute("name", "proper");
        div.appendChild(input4);
        property.appendChild(div);

    };

</script>

当用户点击“添加文字”按钮时，系统会显示一组（textboxes）。我的问题是，即使用户点击并将数据输入到textbox，它也只会插入一组数据（这是最后一组输入）。因为textbox的“名称”是相同的。如何插入这些多个数据？或者，如何为添加的textbox设置唯一名称以将其插入数据库？

Answer 1

您需要更改附加[]的名称。这将在表单提交时将数组传递给PHP。

input.setAttribute("name", "quant[]");

要在PHP中获取值，

$quant_values = $_GET['quant']; // array of values 
$value_one = $quant_values[0];

您需要实现循环来迭代值。

如何将动态添加的文本框插入MySQL数据库

1 个答案: