ASP.NET WebForms中多输入字段值合并到单个TextBox的问题

你遇到的“name1add不存在于当前上下文”错误，核心原因是：动态生成的<input>没有runat="server"属性，WebForms后台无法直接识别这些前端动态创建的元素；同时WebForms的视图状态机制也不会跟踪非服务器控件的状态。

以下是两种可行的解决方案：

方案一：前端预合并值到隐藏服务器控件 #

这种方式更简洁，先在前端把所有姓名、姓氏按要求格式拼接好，存入服务器端隐藏字段，后台直接读取该字段的值即可。

实现步骤： #

1. 在页面中添加一个服务器端隐藏字段：

<asp:HiddenField ID="hdnNameSurname" runat="server" />
<%-- 添加提交按钮（如果没有的话） --%>
<asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" />

2. 编写jQuery代码，遍历所有输入框拼接内容并赋值到隐藏字段（绑定到提交按钮点击事件）：

$(document).ready(function() {
    $("#<%= btnSubmit.ClientID %>").click(function() {
        var result = "";
        // 遍历所有姓名输入框（含初始和动态添加的）
        $("input[id^='name']").each(function() {
            var nameVal = $(this).val().trim();
            if (!nameVal) return;
            
            // 提取组编号（从ID中解析X：nameXadd）
            var num = $(this).attr("id").replace("name", "").replace("add", "");
            var line = "Name: " + nameVal;
            
            // 检查对应姓氏复选框状态和输入值
            var checkBox = $("#checkSurname" + num + "add");
            var surnameVal = $("#txtConSurname" + num + "add").val().trim();
            if (checkBox.is(":checked") && surnameVal) {
                line += " Surname: " + surnameVal;
            }
            result += line + "\n";
        });
        // 将拼接结果存入隐藏字段
        $("#<%= hdnNameSurname.ClientID %>").val(result);
    });
});

3. 后台读取隐藏字段值并赋值到目标TextBox：

protected void btnSubmit_Click(object sender, EventArgs e)
{
    prevNameSurname.Text = hdnNameSurname.Value;
}

方案二：后台通过Request.Form直接获取动态控件值 #

如果不想依赖前端处理，可以在后台遍历Request.Form集合，根据动态控件ID的命名规律提取所有相关值，再拼接成目标格式。

后台代码示例： #

protected void btnSubmit_Click(object sender, EventArgs e)
{
    StringBuilder sb = new StringBuilder();
    // 处理初始第1组
    ProcessNameGroup(1, sb);
    // 循环查找后续动态添加的组（可根据实际调整最大组数）
    for (int num = 2; num <= 10; num++)
    {
        string nameKey = $"name{num}add";
        if (Request.Form[nameKey] == null) break;
        ProcessNameGroup(num, sb);
    }
    prevNameSurname.Text = sb.ToString().TrimEnd('\n');
}

private void ProcessNameGroup(int num, StringBuilder sb)
{
    string nameVal = Request.Form[$"name{num}add"]?.Trim() ?? "";
    if (string.IsNullOrEmpty(nameVal)) return;
    
    string line = $"Name: {nameVal}";
    string checkBoxKey = $"checkSurname{num}add";
    string surnameVal = Request.Form[$"txtConSurname{num}add"]?.Trim() ?? "";
    
    // 复选框勾选且姓氏有值时追加姓氏内容
    if (Request.Form[checkBoxKey] != null && !string.IsNullOrEmpty(surnameVal))
    {
        line += $" Surname: {surnameVal}";
    }
    sb.AppendLine(line);
}

注意事项： #

• 动态控件的ID必须保持统一命名规律（比如nameXadd、checkSurnameXadd），确保后台能按规则匹配。
• 若使用UpdatePanel，动态添加的控件回发后会被清除，需确保方案一的前端处理在回发前完成（比如提交按钮点击时立即执行拼接逻辑）。
• 初始的第1组控件无需添加runat="server"，Request.Form会自动收集所有表单提交的控件值。

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