Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从javaScript中动态创建的表中删除行_Javascript_Html - Fatal编程技术网

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

从javaScript中动态创建的表中删除行,javascript,html,Javascript,Html,我想从JavaScript创建的表中删除一行。我尝试了这个页面上不同帖子的代码,但没有解决它 function value_pass() { var Delete = document.createElement("input"); Delete.type="button"; Delete.name = "del" Delete.value = "Delete";

我想从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中的按钮调用 这是一份订单

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

您可以使用:

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

编辑:

要删除当前行,请在按钮上设置:onclick=deleteRowthis,并在该函数中使用以下代码:

function deleteRow(t)
{
    var row = t.parentNode.parentNode;
    document.getElementById("myTable").deleteRow(row.rowIndex);
    console.log(row);
}
您可以使用:

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

编辑:

要删除当前行,请在按钮上设置:onclick=deleteRowthis,并在该函数中使用以下代码:

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

上面提到了删除按钮,但该功能在其中不起作用。是的,第二个我的意思是说单元格包含复选框值删除按钮是上面提到的,但函数在其中不起作用。是的,第二个我的意思是说单元格包含复选框值,但是我有一个按钮,每一行我都想删除与按钮匹配答案相邻的行。请尝试:-我用javascript创建了表,表中的按钮也是用javascript函数创建的。但是我有一个按钮,其中的每一行我都想删除与ButtoneDite答案相邻的行。请尝试:-我用javascript创建了表,表中的按钮也是用javascript函数创建的。