您的位置：首页 > 其它

增删提交表2015-09-29

2015-09-29 20:47 274 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function $(id) { return document.getElementById(id); }
var md = {
table:null,
conent:'',
init:function(){
md.table = $('test');
md.content = md.table.rows['1'].getElementsByTagName('td')[0].innerHTML;
$('add').onclick = md.addRow;
$('remove').onclick = md.removeRow;
},
addRow:function(){
var newRow = md.table.insertRow(md.table.rows.length);
newRow.insertCell(0).innerHTML = md.content;
},
removeRow:function(){ md.table.deleteRow((md.table.rows.length - 0) - 1); }
}
window.onload = md.init;
</script>
</HEAD>
<BODY>
<form action="test.php" method="POST">
<input type="button" id="add" value="增加一行">
<input type="button" id="remove" value="删除一行">
<table border="1" id="test" cellpadding="1" cellspacing="1">
<tr>
<td width="250">提醒项目  提醒时间  提醒邮件 </td></tr>
<tr>
<td colspan="3"><input size=10 type="text" name="aa[]"><input size=10 type="text" name="bb[]"><input size=10 type="text" name="cc[]">
</td>
</tr>
</table>
<input value="提交" type="submit">
</form>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航