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