添加/删除动态行到HTML表

我正在创建动态手风琴窗格，每个窗格都有不同的ID和按钮的动态表，在一些窗格中我想添加动态行到HTML表，我使用下面的代码来执行此操作活动，添加/删除动态行到HTML表

$（'＃myTable tr：last'）。after（'1a'）;

我不能够添加任何行，我的问题是我如何链接此动态按钮和动态表。

任何建议或宝贵的意见，将不胜感激。

在此先感谢

2012-03-16 ChandaMAMA

试试这个：

$("#myTable tr:last").after($("<tr><td>hello</td></tr>")); 
$("#myTable tr:last").remove();

，什么是你的问题，你需要确认这一个表中添加新行如果是的话，你需要做这样的事情（监视器，面板触发加行？事件）

HTML：

<div id="panel1><table></table><input value="add row" /></div>

$("#panel1 input").bind("click", function() { 
    $("tr:last", $(this).parent("div")).after($("<tr><td>hello</td></tr>")); 
});

来源

2012-03-16 15:18:39 zhengchun

您必须创建javascript函数来向HTML表添加/删除动态行。

试试这个。

<HTML> 
<HEAD> 
<TITLE> Add/Remove dynamic rows in HTML table </TITLE> 
<SCRIPT language="javascript"> 
function addRow(tableID) { 

var table = document.getElementById(tableID); 

var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 

var cell1 = row.insertCell(0); 
var element1 = document.createElement("input"); 
element1.type = "checkbox"; 
cell1.appendChild(element1); 

var cell2 = row.insertCell(1); 
cell2.innerHTML = rowCount + 1; 

var cell3 = row.insertCell(2); 
var element2 = document.createElement("input"); 
element2.type = "text"; 
cell3.appendChild(element2); 

} 

function deleteRow(tableID) { 
try { 
var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 

for(var i=0; i<rowCount; i++) { 
var row = table.rows[i]; 
var chkbox = row.cells[0].childNodes[0]; 
if(null != chkbox && true == chkbox.checked) { 
table.deleteRow(i); 
rowCount--; 
i--; 
} 

} 
}catch(e) { 
alert(e); 
} 
} 

</SCRIPT> 
</HEAD> 
<BODY> 

<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> 

<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" /> 

<TABLE id="dataTable" width="250px" border="1"> 
<TR> 
<TD><INPUT type="checkbox" name="chk"/></TD> 
<TD> 1 </TD> 
<TD> <INPUT type="text" /> </TD> 
</TR> 
</TABLE> 

</BODY> 
</HTML>

来源

2012-03-16 14:44:49 Java

我正在代码后面创建按钮和其他控制，即动态 – ChandaMAMA 2012-03-17 13:29:33

你运行过吗？你还需要什么？ – Java 2012-03-17 13:31:24

只是解释你我把我的代码如下 – ChandaMAMA 2012-03-17 16:33:10

添加/删除动态行到HTML表

回答

相关问题