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

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> 

当用户点击的 “添加文本” 按钮，一组（4 textboxes）将出现。我的问题是，即使用户点击并输入数据到这些textbox，它只会插入一组数据（这是最后一组输入）。它因为textbox的“名称”是相同的。我怎样才能插入这些多个数据？或者我怎样才能为添加的textbox设置一个唯一的名称，以便将它们插入到数据库中？

Answer 1

你会想要改名添加[]。这将在表单提交时将数组传递给PHP。

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

要得到的值在PHP中，

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

您需要实现一个循环遍历值进行迭代。