javascript - 如何在不丢失数据且名称不同的情况下向表中添加新行？

Question

我正在尝试向表中添加新行，但我想在这些行中放入 3 个具有不同名称的输入，例如 input_1、input_2 ...

<table class="tdatos" id="tabla">
<tr>
    <th>Cantidad</th>
    <th>Descripción</th>
    <th>Precio/Ud</th>                  
</tr>                               
    <td><input name="a_1"></td>
    <td><input name="b_1"></td>
    <td><input name="c_1"></td>                     

马斯

这里是我的 javascript 函数：

function masFilas(){        
var texto = ""
    for (i=1;i<3;i++){
        texto= texto + "<tr><td><input class='cant' type='text' size='4'></td><td><input size='100' type='text' ></td><td><input type='text' size='6'></td></tr>"
            }           
    document.getElementById("tabla").innerHTML  = document.getElementById("tabla").innerHTML + texto ;  
    }

我希望这些输入具有不同的名称，例如 a_1 、 a_2 、 a_3 另一个问题是，当我按下“mas”按钮时，我会丢失在这些输入中写入的文本。

Answer 1

如果您要更改表格的内部 html，您在输入类型中键入的值将不会是持久的，因此您需要在

tableObject.insertRow(index);

详细示例开启

http://viralpatel.net/blogs/dynamically-add-remove-rows-in-html-table-using-javascript/