在WEB页面设计中,经常会碰到表格数据行展示,其中的【删除】操作可以用JS前台删除,AJAX后台提交,页面速率非常快。
直接上代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>Delete Table Row</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>id</th>
<th>content</th>
<th>operate</th>
</tr>
</thead>
<tbody id="Tab">
<tr id="rowIndex_1">
<td>1</td>
<td>content1</td>
<td><a href="javascript:deleteTabRow('1')">delete</a></td>
</tr>
<tr id="rowIndex_2">
<td>2</td>
<td>content2</td>
<td><a href="javascript:deleteTabRow('2')">delete</a></td>
</tr>
<tr id="rowIndex_3">
<td>3</td>
<td>content3</td>
<td><a href="javascript:deleteTabRow('3')">delete</a></td>
</tr>
</tbody>
</table>
<script>
function deleteTabRow(index)
{
var tab = document.getElementById("Tab");
var row = document.getElementById("rowIndex_"+index);
var m = confirm("sure you want to delete it?");
if(m==true)
{
tab.deleteRow(row.sectionRowIndex);
}
else
{
}
}
</script>
</body>
</html>