提交一個HTML表格，並動態分配行的javascript

Question

我想做一個嵌入式HTML表格的表格，並使用JavaScript來允許此表添加和刪除行。

我一直有一個問題，即將新行鏈接到html變量數組，這些數組應該存儲提交的值。

請幫忙！

這裏是我的javascript功能，

function addRow(tableID) { 

    var table = document.getElementById(tableID); //access the table to dynamically allocate it. 

    var rowLen = table.rows.length; // Store number of rows 
    var toAdd = table.insertRow(rowLen); 

    var index = toAdd.insertCell(0); 
    var element0 = document.createElement("input"); 
    element0.type = "checkbox"; 
    element0.name = "toDelete[rowLen]"; 
    index.appendChild(element0); 


    var industry = toAdd.insertCell(1); 
    var element1 = document.createElement("input"); 
    element1.type = "text"; 
    element1.name = "Industry[rowLen]"; 
    industry.appendChild(element1); 

} 

凡toDelete和Industry是存儲添加新行的值的HTML表變量。

這裏是重要的HTML：

當我訪問$_POST變量「test.php的」，沒有任何東西存儲，並且每個變量的計數長度是從來沒有超過2，無論數量的行。

Answer 1

我不確定你想要的確切結果，但似乎你試圖插入變量到輸入名稱。

element0.name = "toDelete[rowLen]"; 
element1.name = "Industry[rowLen]"; 

要做到這一點，你需要連接

element0.name = "toDelete[" + rowLen + "]"; 
element1.name = "Industry[" + rowLen + "]";