javascript - 在 ASP.NET 中使用 Javascript 删除添加的控件

标签 javascript asp.net

我正在尝试删除添加的控件。以下是将上传控件添加到页面的标记:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Multi File Upload</title>
</head>
<body>
<form id="form1" runat="server" enctype="multipart/form-data">
<p id="upload-area">
   <input id="File1" type="file" runat="server" size="60" />
</p>

<input id="AddFile" type="button" value="Add file" onclick="addFileUploadBox()" />
<br />
<br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<p><asp:Button ID="btnSubmit" runat="server" Text="Upload Now" OnClick="btnSubmit_Click" /></p>
<span id="Span1" runat="server" />
<script type="text/javascript">
function addFileUploadBox()
{
    if (!document.getElementById || !document.createElement)
        return false;

    var uploadArea = document.getElementById ("upload-area");

    if (!uploadArea)
        return;

    var newLine = document.createElement ("br");
    uploadArea.appendChild (newLine);

    var newUploadBox = document.createElement ("input");

    // Set up the new input for file uploads
    newUploadBox.type = "file";
    newUploadBox.size = "60";

    // The new box needs a name and an ID
    if (!addFileUploadBox.lastAssignedId)
        addFileUploadBox.lastAssignedId = 100;

    newUploadBox.setAttribute ("id", "dynamic" + addFileUploadBox.lastAssignedId);
    newUploadBox.setAttribute ("name", "dynamic:" + addFileUploadBox.lastAssignedId);
    uploadArea.appendChild (newUploadBox);
    addFileUploadBox.lastAssignedId++;
}
</script>
</form>
</body>
</html>

谢谢。

最佳答案

尝试parent.removeChild(element);

以下网站似乎可以回答您正在寻找的内容: http://www.dustindiaz.com/add-remove-elements-reprise/

关于javascript - 在 ASP.NET 中使用 Javascript 删除添加的控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3272195/

相关文章:

asp.net - <asp :PlaceHolder> alternate in mvc Razor page?

c# - 如何在 ASP.NET 5 RC1 MVC 中使用 IFormFile 保存上传的文件

javascript - 无法创建小型 Javascript 应用程序

javascript - 仅 getElementsByName?

javascript - 如何保存到服务器动态添加的行

asp.net - 是否有使用ASP.NET Mobile的真正原因?

c# - 取消选中复选框列表中的所有项目在 C# 中选择

c# - 日期格式为月份名称提供罗马数字

javascript - 在wordpress中添加弹出窗口(add_records.php)

javascript - 如何在 JQuery HTML 上包含脚本标签