ASP.NET html 元素 tr 丢失

Question

我制作了根据数据计数生成表格行和列的脚本。然后我制作了脚本：

System.Text.StringBuilder sb = new System.Text.StringBuilder();
            sb.Append("");

            sb.Append("var row = document.createElement('TR');");
            sb.Append("var a = '");

            for (int i = 0; i < dataVar.Count; i++)
            {
                Counter = i;

                int fileNo = Convert.ToInt32(dataVar[i].Replace("picUrl", ""));
                string filename = Request.Params["picUrl" + fileNo];

                sb.Append("<tr>" +
                        "<td>" +
                            "<img src=\"" + ResolveUrl(filename) + "\" width=\"100px\" height=\"100px\" />" +
                            "<input type=\"text\" name=\"picUrl" + Counter + "\" id=\"gbr" + Counter + "\" value=\"" + filename + "\" class=\"d-none\" /></td>" +
                        "<td>" +
                            "<select name=\"resType" + Counter + "\" id=\"resType" + Counter + "\" class=\"form-control form-control-sm\">" +
                            "<option value=\"\">Parkir</option>" +
                            "<option value=\"0\">Other</option>" +
                            "<option value=\"1\">Bensin</option>" +
                            "<option value=\"2\">E-toll</option>" +
                            "<option value=\"3\">Parkir</option>" +
                            "</select>" +
                        "</td>" +
                        "<td><input type=\"text\" name=\"amount" + Counter + "\" id=\"txtInput" + Counter + "\" class=\"form-control form-control-sm\" /></td>" +
                        "<td><input id=\"Button" + Counter + "\" name=\"button" + Counter + "\" type=\"button\" value=\"Remove\" onclick = \"RemoveFileUpload(this)\" /></td>" +
                    "</tr>");
            }
            sb.Append("';");

            sb.Append("row.innerHTML = a; var s = document.getElementById(\"AddRow\"); s.appendChild(a); counter++; ");

            ClientScript.RegisterStartupScript(this.GetType(), "addRow", sb.ToString(), true);

当我在浏览器上显示它时，一些 html 元素关闭标记消失（<img /> become <img>、<input /> become <input>、</tr> 标记消失，除了最后一个等）。是错误还是有人可以帮助我吗？

Answer 1

当您更新您的问题时，我正在处理它，所以下面的代码来自您的原始问题。

我认为这与结尾附近的行有关：row.innerHTML = a;。在那里，您将所有新行附加到另一行，而您不必这样做。只需附加您的变量a。

可能还有别的东西，我必须尽可能多看。

System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append("var a = '");

for (int i = 0; i < dataVar.Count; i++)
{
    int fileNo = Convert.ToInt32(dataVar[i].Replace("picUrl", ""));
    string filename = Request.Params["picUrl" + fileNo];

    sb.Append("<tr>" +
        "<td>" +
            "<img src=\"" + ResolveUrl(filename) + "\" width=\"100px\" height=\"100px\" />" +
            "<input type=\"text\" name=\"picUrl" + i + "\" id=\"gbr" + i + "\" value=\"" + filename + "\" class=\"d-none\" /></td>" +
        "<td>" +
            "<select name=\"resType" + i + "\" id=\"resType" + i + "\" class=\"form-control form-control-sm\">" +
            "<option value=\"\">Parkir</option>" +
            "<option value=\"0\">Other</option>" +
            "<option value=\"1\">Bensin</option>" +
            "<option value=\"2\">E-toll</option>" +
            "<option value=\"3\">Parkir</option>" +
            "</select>" +
        "</td>" +
        "<td><input type=\"text\" name=\"amount" + i + "\" id=\"txtInput" + i + "\" class=\"form-control form-control-sm\" /></td>" +
        "<td><input id=\"Button" + i + "\" name=\"button" + i + "\" type=\"button\" value=\"Remove\" onclick = \"RemoveFileUpload(this)\" /></td>" +
    "</tr>");
}

sb.Append("';");

// make sure `s` is the table or tbody. 
sb.Append("var s = document.getElementById(\"AddRow\"); s.insertAdjacentHTML('beforeend', a);");

ClientScript.RegisterStartupScript(this.GetType(), "addRow", sb.ToString(), true);