使用javascript从html表单处理表

我需要有人帮助我了解如何在数据库中的单独列中插入数据；假设我有一个三行三列的表，列是通过使用td标记创建的，现在在第一列和最后一列中元素是预定义的，因此任何数据都应该在单击按钮后插入表的第二列。因为上面的代码默认情况下是在原始单元格中插入数据

我在这里加小提琴

---

拿桌子。迭代所有行并填写第一个td，因为您使用th作为第一个td

function updateForm() {

    var prdn = document.getElementById("prodname").value;
    var prdq = document.getElementById("prodquantity").value;
    var table = document.getElementById("production");
    var rows = table.rows;
    var cell1 = rows[0].insertCell(-1);
    var cell2 = rows[1].insertCell(-1);

    cell1.innerHTML = prdn;
    cell2.innerHTML = prdq;

}

Jsfiddle：

---

我假设您希望在每一列中填写相同的文本。如果您需要单独的索引，那么您可以具体地使用索引，而不是像您在这里看到的那样对循环进行迭代，您需要在最后的-1列中添加索引

更新：

---

我看不到任何id为prodname或ProdQuantity的元素我正在获取您想要实现的确切目标？你能确切地告诉我们你想要什么吗？谁来帮我怎么得到想要的结果，如何将HTML表单中的prodname和prodquantity插入表格的第二列。是的，我希望完全类似，但如何使用HTML表单？不了解您是将表格放入表格还是要填写一些数据。请发送一些矿石详细信息。同时更新上述问题中的相同内容Ankur Aggarwal我将从HTML表单向表中插入数据，数据应插入表的第二列，如果您在理解上仍有问题，请询问。是否要将prodName和prodquantity都添加到第二列？是的，我想将两者都添加到第二列。Andrei在列中插入带有td标记的值而不是增加单元格是否有任何不可能的事情。b因为我试图实现的不是此代码所做的，不过这很接近解决方案。好吧，你不想添加一个新列，只需要使用第二列？Andrei这正是我需要的。帮助我理解编码。真的。

function updateForm() {

    var prdn = document.getElementById("prodname").value;
    var prdq = document.getElementById("prodquantity").value;
    var table = document.getElementById("production");
    var rows = table.rows;
    var cell1 = rows[0].insertCell(-1);
    var cell2 = rows[1].insertCell(-1);

    cell1.innerHTML = prdn;
    cell2.innerHTML = prdq;

}

   var table = document.getElementById("production")
        rows = table.getElementsByTagName("tr");

    for(var i=0;i<rows.length;i++)
    {
        columns = rows[i].getElementsByTagName("td");
      columns[0].textContent="text"; //First Td second column in your case
    }

function updateForm() {
    var prdn = document.getElementById("prodname").value;
   var prdq = document.getElementById("prodquantity").value;
   var table=document.getElementById("production");
   var rows=table.rows;
   var cell1=rows[0].insertCell(rows[0].cells.length - 1);
   var cell2=rows[1].insertCell(rows[1].cells.length - 1);
   cell1.innerHTML=prdn;
   cell2.innerHTML=prdq;
}

function updateForm() {
    var prdn = document.getElementById("prodname").value;
   var prdq = document.getElementById("prodquantity").value;
   var table=document.getElementById("production");
   var rows=table.rows;
   var cell1=rows[0].cells[1].textContent=prdn;
   var cell2=rows[1].cells[1].textContent=prdq;
}