如何动态地将html元素添加到页面并在asp.net中访问它们？

Question

美好的一天，

我已经尝试了整整一天的时间，以找出一种使用Visual Studio将元素动态添加到网页并访问其值的方法。 我要么使整个事情变得过于复杂，要么变得愚蠢，要么真的没有办法做我想做的事情哈哈。 我正在尝试创建一个页面，该页面应该能够生成可能超过100个以下html项目集：它基本上是用于创建多项选择测试的问答形式。 有一个区域可以键入问题，然后再添加其他文本框即可添加多项选择。 还有一个按钮可以向答案区域添加额外的2个文本框（无论它们是创建并添加到表格行的div中还是隐藏，然后在按下按钮时显示出来）。

---

[问题文本框]

[文本框] [文本框] [文本框] [文本框] [向该行添加其他文本框的按钮（最多仅增加2个）]

[确认按钮以在文本框中提交文本]

---

[添加上述元素的另一个副本的按钮（最多100个）]

我想创建一个普通的表单（因为这可能是最简单的），但这需要在网络上工作。 我知道跟踪所有这些内容可能是一场噩梦，但我想不出另一种选择（嗯，我已经想到了一种替代方法，但它似乎更复杂）。 我尝试了以下操作：我尝试将div添加到表格单元中以添加文本框，但此后我无法访问div。 有没有办法做到这一点？ 如果可以访问使用innerHtml方法创建的元素，则可能会更好，但我无法在线找到任何内容。

QuestionContent.InnerHtml += "<table runat=\"server\" style=\"width: 100 %; \"><tr><td> Question " + _QuestionNum + " </td></tr><tr><td class=\"auto - style1\"><div id=\"divQ"+_QuestioNum+"\"></div></td></tr></table>"; 
//Might have an issue adding an element with runat=server, but this was the only way I could think of extracting a value that is created dynamically in C#.
                    ((System.Web.UI.HtmlControls.HtmlGenericControl)mainPanel.FindControl("divQ1")).InnerHtml = "<asp:TextBox ID=\"txtChoice1\" runat=\"server\">Choice1</asp:TextBox>"; 
    //Here I try to access the div created above. Unrelated: Also tried with a normal textbox, but I realise that creating an asp textbox here might cause issues.

我似乎无法访问在C＃中创建的任何内容。 有没有更好的办法？ 放弃这个想法后，我尝试使用javascript创建元素。 我仍然需要找出是否可以使用javascript将值传递给C＃，但是现在我遇到了另一个问题。 只要运行以下代码，这些元素就会出现，但立即消失。 这是asp.net的问题吗？ 谷歌的结果不是很有帮助。

function addQuestion() {
if (numQuestions == limit) {
    alert('Maximum question limit reached. Consider breaking this test up into multiple tests.');
}
else {
    var newdiv = document.createElement('div');
    newdiv.setAttribute('id', 'divQ' + numQuestions);
    newdiv.innerHTML = '<table><tr><td> Question' + numQuestions + '</td></tr><tr><td>';
    for(var i=0;i<6;i++){
        newdiv.innerHTML += "<input type=\"text\" name=\"textBox"+i+"\">";
    }
    newdiv.innerHTML += '</td></tr></table>';
    numQuestions++;
    document.getElementById('divQuestionContent').appendChild(newdiv);       
}

}

但是，如果可以的话，我想避免使用javascript。 有没有更好的方法来创建此页面？ 我做错什么了吗？ 任何帮助将不胜感激。

Answer 1

我认为您是混合服务器和客户端代码。

1st）使用您的第一个已知必要字段创建html表单

2） Javascript部分。 用户向表单中添加字段（需要在Javascript中完成），请检查以下答案： 如何在提交时向表单中添加新的隐藏输入字段

3） C＃部分。 在表单请求时，您需要遍历所有request.form项，因为您不知道它们有多少。 可以使用以下方法完成此操作：

StringBuilder s = new StringBuilder();
foreach (string key in Request.Form.Keys)
{
    s.AppendLine(key + ": " + Request.Form[key]);
}
string formData = s.ToString();