Javascript 如何将表单中的值添加到表中？

我需要将表单中的给定值添加到表中，如何使用java脚本实现这一点

我已经包括了代码。到目前为止，我所做的一切

在这里，我创建了一个表单和两个命令按钮来添加和删除一行

现在我只需要在我创建的表单中输入的值就可以反映在我创建的表中

请帮助我实现这一目标

    <script language="javascript">
    function deleteRow(i)
    {
    document.getElementById('table1').deleteRow(i)
    }
    function addRow()
    {
    var tbody = document.getElementById("table1").getElementsByTagName("tbody")[0];
    var row = document.createElement("TR");
    var cell1 = document.createElement("TD");
    var inp1 =  document.createElement("INPUT");
    inp1.setAttribute("type","text");
    inp1.setAttribute("value","");
    cell1.appendChild(inp1);
    var cell2 = document.createElement("TD");
    var inp2 =  document.createElement("INPUT");
    inp2.setAttribute("type","text");
    inp2.setAttribute("value","");
    cell2.appendChild(inp2);
    var cell3 = document.createElement("TD");
    var inp3 =  document.createElement("INPUT");
    inp3.setAttribute("type","text");
    inp3.setAttribute("value","");
    cell3.appendChild(inp3);
    var cell4 = document.createElement("TD");
    var inp4 =  document.createElement("INPUT");
    inp4.setAttribute("type","button");
    inp4.setAttribute("value","Delete");
    inp4.setAttribute("onClick", "deleteRow(this.parentNode.parentNode.rowindex)");
    cell4.appendChild(inp4);

    row.appendChild(cell1);
    row.appendChild(cell2);
    row.appendChild(cell3);
    row.appendChild(cell4);
    tbody.appendChild(row);

   //alert(row.innerHTML);
    }
    </script>

    <tr>
    <td>
    F.Name : &nbsp;
    </td>
    <td><input type="text" value="" id="fname"></td>
    </tr>
    <br> <br>
    <tr>


    <td>
    L.Name : &nbsp;
    </td>

    <td><input type="text" value="" id="lname"></td>
    </tr>
    <br> <br>
    <tr>

    <td>
    items  : &nbsp;  &nbsp;
    </td>
    <td width="98"><select name="select" id="item">
        <option value="item1" selected="selected">item1</option>
        <option value="item2">item2</option>
        <option value="item3">item3</option>
        <option value="item4">item4</option>
        <option value="item5">item5</option>

      </select></td>

    </tr>
    <br> <br>
    <input type="button" value="Add Row" onClick="addRow();">
    <br> <br>
    <table id="table1">
    <tbody>
    <tr>
    <td><input type="text" value=""></td>
    <td><input type="text" value="" width="10"></td>
    <td><input type="text" value="" width="10"></td>

    <td><input type="button" value="Delete"         onclick="deleteRow(this.parentNode.parentNode.rowIndex)">

    </td>
    </tr>
    </tbody>
    </table>

函数deleteRow（i）
{
document.getElementById（'table1'）.deleteRow（i）
}
函数addRow（）
{
var tbody=document.getElementById（“表1”）.getElementsByTagName（“tbody”）[0]；
var行=document.createElement（“TR”）；
var cell1=document.createElement（“TD”）；
var inp1=document.createElement（“输入”）；
inp1.setAttribute（“类型”、“文本”）；
inp1.setAttribute（“值”，“值”）；
细胞1.附属子（inp1）；
var cell2=document.createElement（“TD”）；
var inp2=document.createElement（“输入”）；
inp2.setAttribute（“类型”、“文本”）；
inp2.setAttribute（“值”，“值”）；
细胞2.附属子（inp2）；
var cell3=document.createElement（“TD”）；
var inp3=document.createElement（“输入”）；
inp3.setAttribute（“类型”、“文本”）；
inp3.setAttribute（“值”，“值”）；
细胞3.附属物（inp3）；
var cell4=document.createElement（“TD”）；
var inp4=document.createElement（“输入”）；
inp4.setAttribute（“类型”、“按钮”）；
inp4.setAttribute（“值”、“删除”）；
setAttribute（“onClick”，“deleteRow（this.parentNode.parentNode.rowindex）”；
细胞4.附属物子体（inp4）；
行。追加子行（单元格1）；
第2行为子行（第2单元格）；
第3行为子行（第3单元格）；
第4行为子行（第4单元格）；
tbody.appendChild（世界其他地区）；
//警报（row.innerHTML）；
}
F.姓名：



L.姓名：



项目：
项目1
项目2
项目3
项目4
项目5

当您手动创建行时，为什么不同时管理一个ID逻辑，该逻辑将生成并管理动态分配给列的ID，然后您就可以轻松地填充它们了，只是您需要这样做

document.getelementbyID("IDofElement").innerHTML = your content.

---

您肯定需要使用一种逻辑，该逻辑将生成ID并将其分配给动态元素

，在哪里出现问题？您可以使用

var formCtrl=document.getElementById（'fname'）；inp1.setAttribute（formCtrl.value）

在表的文本控件内设置窗体值