Question

我想从JavaScript创建的表中删除一行。我尝试了此页面上不同帖子的代码，但没有解决它。

function value_pass()
  {
var Delete =  document.createElement("input");
                Delete.type="button";
                Delete.name = "del"
                Delete.value = "Delete";
                Delete.onclick = function(o)
                {
                      var r = o.parentElement.parentElement;                                          
                      document.getElementById("table").deleteRow(r.rowIndex);
               }

var order_no = document.getElementById("Order_no");
var quantity = document.getElementById("quantity");
var type = document.getElementById("Recipe");
var recipe = type.options[type.selectedIndex].text;

var body1 = document.getElementsByTagName("body")[0];
var tbl = document.createElement("table");
tbl.setAttribute("id","table");
var tblbody = document.createElement("tbody");
tbl.setAttribute("border","2");

var col = document.createElement("td");

for (var j = 0; j < 1; j++) 
{
    var rows = document.createElement("tr");
    for (var i = 0; i < 4; i++)
    {
        var col1 = document.createElement("td");
        var col2 = document.createElement("td");
        var col3 = document.createElement("td");
        var col4 = document.createElement("td");
        var col5 = document.createElement("td");

        var col1text = document.createTextNode(order_no.value);
        var col2text = document.createTextNode(recipe);
        var col3text = document.createTextNode(quantity.value);
        var col4text = document.createTextNode();

            //also want to put checked values in table row


    }
    col1.setAttribute("width","150");
    col2.setAttribute("width","150");
    col3.setAttribute("width","150");
    col4.setAttribute("width","150");


    col1.appendChild(col1text);
    col2.appendChild(col2text);
    col3.appendChild(col3text);
    col4.appendChild(col4text);
    col5.appendChild(Delete);

    rows.appendChild(col1);
    rows.appendChild(col2);
    rows.appendChild(col3);
    rows.appendChild(col4);
    rows.appendChild(col5);

    tblbody.appendChild(rows);
} tbl.appendChild(tblbody);
body1.appendChild(tbl);
}

该功能将由HTML中的按钮调用 <订单表格

并且还想知道要放入表格行的复选框的选中值。

Answer 1

您可以使用：

document.getElementById("myTable").deleteRow(0); //Where 0 is your row.

解释：http://www.w3schools.com/jsref/met_table_deleterow.asp

编辑：

要删除当前行，请在按钮上设置此项：onclick="deleteRow(this)，并在该函数中使用以下代码：

function deleteRow(t)
{
    var row = t.parentNode.parentNode;
    document.getElementById("myTable").deleteRow(row.rowIndex);
    console.log(row);
}

从java中动态创建的表中删除行

1 个答案: