动态添加、删除上传控件.

liuhuan2099

于 2008-05-05 10:06:00 发布

阅读量652

点赞数

CC 4.0 BY-SA版权

分类专栏： FileUpload 文章标签： input function javascript button border file

本文链接：https://blog.youkuaiyun.com/liuhuan2099/article/details/2391138

FileUpload 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现在网页表单中动态添加和删除文件附件的方法。通过插入新的表格行来添加文件输入框，并提供删除按钮以便用户移除不再需要的附件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
    <form id="form1" runat="server">
        <table id="tb1" border="0">
            <tr><td><a href="#" onclick="return addFj()">添加附件</a></td></tr>
        </table>
        <input type="hidden" name="fjCnt" value="1" />
    </form>
</body>
</html>
<script type="text/javascript" language="javascript">
function addFj()
{
      var oTb = document.getElementById("tb1");
      var oTr = oTb.insertRow(0);
      var name = "thefilename"+document.form1.fjCnt.value;
      document.form1.fjCnt.value=parseInt(document.form1.fjCnt.value)+1;
      oTr.insertCell(0).innerHTML = "<input id='file' name='"+name+"' type=file style='width:400px;'> <input type=button onclick='return delFj(this)' value='删除'>"
      return false;
}
function delFj(obj)
{
      obj.parentElement.parentElement.removeNode(true);
      return false;
}
</script>