<html>
<head><title>测试</title></head>
<body>
<script>
function $(id){
return document.getElementById(id);
}
//复制一行
function copyrow(){
rows = $('pp').rows;
newrow = rows[0].cloneNode(true); //克隆第一行
ctrls = newrow.getElementsByTagName("input");
for(i=0;i<ctrls.length;i++){ //清空控件的值
if (ctrls[i].type=='text')
ctrls[i].value = '';
}
$('pp').appendChild(newrow);
}
//删除一行;obj是调用代码的a或button
function delrow(obj){
if ($('pp').rows.length>1)
$('pp').removeChild(obj.parentNode.parentNode); //删除行<tr>
else {
ctrls = $('pp').rows[0].getElementsByTagName("input");
for(i=0;i<ctrls.length;i++){
if (ctrls[i].type=='text')
ctrls[i].value = '';
}
}
}
</script>
<table id="pp">
<tr><td>文字<input type="text" name="title[]" /></td><td>地址<input type="memo[]" /> <a href="javascript:;" onclick="delrow(this);">删除</a></td></tr>
</table>
<button onclick="copyrow();">增加</button>
</body>
</html>
根据这个原理，可以做文件批量上传。
