如何通过后台代码结合InnerHtml动态添加控件并捕获其值？

你的代码存在几个关键问题，导致无法正确添加控件和获取值，以下是修正方案：

原代码的核心错误 #

• 用InnerHtml拼接控件时，Controls.Add(txtTags)会返回控件索引数字，而非控件的HTML，且控件未正确加入页面控件树，无法被ASP.NET跟踪。
• 动态控件未在页面回发时重建，ASP.NET无法识别该控件，自然取不到值。
• btnSave_Click方法参数缺失，且直接访问txtBox1会因控件未注册到页面而报错。

修正后的实现 #

.aspx页面（修正拼写错误） #

<div id="myTable" runat="server"></div>
<div id="result" runat="server"></div>
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />

.cs后台代码 #

protected void Page_Load(object sender, EventArgs e)
{
    // 每次页面加载（包括回发）都重建动态控件，确保ASP.NET能跟踪它
    BuildDynamicControls();
}

private void BuildDynamicControls()
{
    string name = "Sam";
    string age = "18";

    // 先创建静态HTML部分，用Literal控件输出
    Literal staticHtml = new Literal();
    staticHtml.Text = $@"<div>
                            <div>{name}</div>
                            <div></div>
                            <div>{age}</div>
                        </div>";
    myTable.Controls.Add(staticHtml);

    // 创建动态TextBox并添加到页面控件树
    TextBox txtTags = new TextBox();
    txtTags.ID = "txtBox1";
    // 将TextBox添加到myTable的Controls集合，确保它被ASP.NET管理
    myTable.Controls.Add(txtTags);
}

protected void btnSave_Click(object sender, EventArgs e)
{
    // 通过FindControl查找动态控件
    TextBox txtBox = myTable.FindControl("txtBox1") as TextBox;
    if (txtBox != null)
    {
        result.InnerHtml = $"Result: {txtBox.Text}";
    }
    else
    {
        result.InnerHtml = "未找到动态控件";
    }
}

关键注意事项 #

• 动态控件必须在每次回发时重建：ASP.NET的页面生命周期中，回发时会重新构建控件树，所以动态控件需要在Page_Init或Page_Load中重新创建，否则ViewState和表单值无法绑定。
• 不要用InnerHtml直接拼接服务器控件：服务器控件需要加入到Controls集合中，才能被ASP.NET识别和管理，InnerHtml只能处理静态HTML内容。
• 通过FindControl获取动态控件：动态控件无法直接通过ID访问，必须调用容器的FindControl方法查找。

内容的提问来源于stack exchange，提问作者Sam