javascript动态表格增加删除判断
<html>
<head>
<SCRIPT LANGUAGE=”JavaScript”>
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex
document.getElementById(‘myTable’).deleteRow(i)
}
//表格对象的insertRow和insertCell方法有一个默认的参数-1，表示在当前行或者单元格后插入行和单元格。在ie中可以不用填写这个参数，但是在firefox浏览器下必须加上这个参数否则就会出现缺少参数的错误。
function insertRowInTable()
{
var table = document.getElementById(“myTable”);
var newRow = table.insertRow(-1);
newRow.insertCell(-1).innerHTML = newRow.rowIndex;
newRow.insertCell(-1).innerHTML = “<input type=’text’ id=\”id\” name=\”test[]\” size=50><input type=’button’ value=’删除’ onclick=’deleteRow(this)’>”;
}
//分有行与没有行的情况
function hello(obj)
{
var id=obj.id.length==undefined?1:obj.id.length
if(obj.id.length==undefined)
{
alert(obj.id.value);
}
else
{
for(var i=0;i<id;i++)
{
alert(obj.id[i].value)
}
}
}
</SCRIPT>
</head>
<body>
<FORM METHOD=POST ACTION=”" onsubmit=”hello(this)”>
<p><a href=”javascript:” onclick=”insertRowInTable();”>插入</a><hr>
<table id=”myTable” border=”0″>
</table>
<INPUT TYPE=”submit” value=”提交”>
</FORM>
</body>
</html>
<?php
var_dump($_POST);
?>
将上面代码保存为php运行，如下：
