 |
热门文章 |
|
|
|
|
| 可增加和删除的表格行和文本框 |
| 来源：中国站长天空 更新时间：2009/12/3 1:07:05 阅读次数： 我要投稿 |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>可增加和删除的表格行和文本框</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<table id="tbl" width="300" name="tbl" border="1">
<tr>
<td width="160">內容</td>
<td>名称</td>
<td><input type="button" value="增加" onclick="insert_row()"></td>
</tr>
</table>
<script language="javascript">
var i=0
function insert_row(){
i++
R=tbl.insertRow()
C=R.insertCell()
C.innerHTML="<input type='text' name='name'>"
C=R.insertCell()
C.innerHTML="名称"+i
C=R.insertCell()
C.innerHTML="<input type='button' value='删除' onclick='tbl.deleteRow("+(i-1)+")'>"
}
</script>
</body>
</html> |
|
| 上一篇文章： 控制多选框的选择个数下一篇文章： 下拉列表select中的链接 |
|
|
|
注册 登录
