 |
热门文章 |
|
|
|
|
| 动态添加和删除文本框 |
| 来源：蓝色理想 更新时间：2010/8/30 9:46:26 阅读次数： 我要投稿 |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<table id="tableData">
<tr>
<td><input type="text"/></td>
<td>第一行</td>
<td><a onclick="delRow(this)" href="#">删除此行</a></td>
</tr>
<tr>
<td><input type="text"/></td>
<td onclick="delRow()">第二行</td>
<td><a onclick="delRow(this)" href="#">删除此行</a></td>
</tr>
</table>
<button onclick="addRow()">添加行</button>
<script type="text/javascript">
function addRow(){
var trNumber=document.getElementById("tableData").rows.length;
var newTr=document.getElementById("tableData").insertRow(trNumber);
newTr.insertCell(0).innerHTML="<input type='text'/>";
newTr.insertCell(1).innerHTML="我是新添加的最后一行";
newTr.insertCell(2).innerHTML='<a onclick="delRow(this)" href="#">删除此行</a>';
}
function delRow(r){
document.getElementById("tableData").deleteRow(r.parentNode.parentNode.rowIndex)
}
</script>
</BODY>
</HTML> |
|
| 上一篇文章： 判断选中的复选框数量下一篇文章： jquery实现文本框弹出热门标签的提示效果 |
|
|
|
注册 登录
