您的位置：首页 > Web前端 > JavaScript

学习笔记(JavaScript--动态添加上传域和删除上传域)

2009-11-09 23:33 267 查看

<html>
<head>
<script language="javascript" type="text/javascript">

function addFile(){
var tbody=document.getElementById("tbody");
var tr=document.createElement("tr");
var td=document.createElement("td");
var input=document.createElement("input");
var button=document.createElement("input");
input.type="file";
input.name="file";
button.value="动态删除上传";
tbody.appendChild(tr);
tr.appendChild(td);
td.appendChild(input);
}
function delFile(){
var tbody=document.getElementById("tbody");
tbody.removeChild(tbody.childNodes.item(1));
}
</script>
<head/>
<body>
<form action="" method="post" name="myform">
<input name="addfile" type="button" value="动态添加上传" onClick="addFile()">
<input name="delfile" type="button" value="动态删除上传" onClick="delFile()">
<table border=1 >
<tbody id="tbody">
<tr >
<td >
<input type="file" name="file" />
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航