前台代码:
方式一:
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<head>
<title>学生信息提交页面</title>
<script>
//增加行
function insRow(){
var rowNums = document.getElementById("myTable").rows.length;
var irow = document.getElementById("myTable").insertRow(rowNums);
var cell0 = irow.insertCell(0);
var cell1 = irow.insertCell(1);
var cell2 = irow.insertCell(2);
var cell3 = irow.insertCell(3);
var cell4 = irow.insertCell(4);
/*
在每个input标签中添加onchange事件,比
document.getElementsByTagName("table")[0].οnchange=function(){TODO....};更合适
*/
cell0.innerHTML="<input type='text' name='name' οnchange='changeContent()'/>";
cell1.innerHTML="<input type='text' name='no' οnchange='changeContent()'/>";
cell2.innerHTML="<input type='text' name='classname' οnchange='changeContent()'/>";
cell3.innerHTML="<input type='text' name='score' οnchange='changeContent()'/>";
cell4.innerHTML="<input type='text' name='sex' οnchange='changeContent()'/>";
}
//删除行
function delRow(){
var rowNums = document.getElementById("myTable").rows.length;
var dRow = document.getElementById("myTable").deleteRow(rowNums-1);
}
</script>
</head>
<body>
学生信息
<form action="handleStudentInfoSecond" method="post" name="studentForm" >
&