在C#后台代码中获取模态表单多次输入值的解决方案

我明白你的问题——每次弹出模态框输入内容后，之前的条目都被覆盖了，最后只能拿到最后一次输入的值。这是因为你一直在复用同一个txtCurrentText文本框，每次PostBack时它的值都会被最新的输入覆盖。下面是一套完整的解决方案，把每次输入的内容都保存下来，最后一起插入数据库：

核心思路 #

我们需要在前端用一个隐藏字段存储所有输入的条目（用JSON格式方便解析），每次点击Update时把当前输入添加到这个隐藏字段里；后端则从隐藏字段读取并解析出所有条目，存入一个列表变量，最后批量插入数据库。同时限制最多8次输入，前后端都要做校验防止篡改。

步骤1：修改前端页面 #

首先添加一个隐藏字段来存储所有条目，再加一个区域展示已输入的内容（方便用户查看）：

<%-- 用于存储所有条目的隐藏字段 --%>
<asp:HiddenField ID="hfEntries" runat="server" />
<%-- 展示已输入条目的区域 --%>
<div id="entriesList" class="mb-3 p-2 border rounded"></div>

<%-- 你的模态框代码（微调了提示文本） --%>
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Additional Entry</h4>
      </div>
      <div class="modal-body">
        <p>请输入第 <span id="entryCount"></span> 个条目：</p>
        <asp:TextBox ID="txtCurrentText" runat="server" CssClass="form-control"></asp:TextBox>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-info" id="btnUpdateModel">Update</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

步骤2：编写jQuery逻辑 #

处理LinkButton点击、模态框更新、条目存储和页面展示：

$(document).ready(function() {
    // 从隐藏字段初始化条目数组（如果已有内容则解析）
    let entries = $('#<%= hfEntries.ClientID %>').val() ? JSON.parse($('#<%= hfEntries.ClientID %>').val()) : [];

    // 绑定LinkButton点击事件（替换成你的LinkButton ID）
    $('#<%= yourLinkButton.ClientID %>').click(function(e) {
        e.preventDefault();
        // 检查是否超过8个条目
        if (entries.length >= 8) {
            alert('最多只能输入8个条目哦！');
            return;
        }
        // 显示当前是第几个条目
        $('#entryCount').text(entries.length + 1);
        // 清空输入框
        $('#<%= txtCurrentText.ClientID %>').val('');
        // 打开模态框
        $('#myModal').modal('show');
    });

    // 点击Update按钮保存当前条目
    $('#btnUpdateModel').click(function() {
        let currentText = $('#<%= txtCurrentText.ClientID %>').val().trim();
        if (!currentText) {
            alert('请输入有效内容！');
            return;
        }
        // 添加到条目数组
        entries.push(currentText);
        // 更新隐藏字段（转成JSON字符串存储）
        $('#<%= hfEntries.ClientID %>').val(JSON.stringify(entries));
        // 更新页面上的条目展示
        renderEntriesList();
        // 关闭模态框
        $('#myModal').modal('hide');
    });

    // 渲染已输入的条目列表
    function renderEntriesList() {
        let listHtml = '';
        entries.forEach((entry, index) => {
            listHtml += `<div class="alert alert-info mb-2">
                            <strong>条目 ${index+1}:</strong> ${entry}
                         </div>`;
        });
        $('#entriesList').html(listHtml);
    }

    // 页面加载时渲染已有条目
    renderEntriesList();
});

步骤3：后端C#处理 #

在后端解析隐藏字段的内容，存入列表，最后批量插入数据库：

首先，在页面类中定义一个列表变量，然后在Page_Load中初始化：

using Newtonsoft.Json; // 需要通过NuGet安装Newtonsoft.Json包
using System.Collections.Generic;
using System.Linq;

protected List<string> AllEntries { get; set; }

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        AllEntries = new List<string>();
    }
    else
    {
        // 从隐藏字段解析条目
        if (!string.IsNullOrEmpty(hfEntries.Value))
        {
            AllEntries = JsonConvert.DeserializeObject<List<string>>(hfEntries.Value);
            // 后端二次校验，防止前端篡改超过8条
            if (AllEntries.Count > 8)
            {
                AllEntries = AllEntries.Take(8).ToList();
            }
        }
        else
        {
            AllEntries = new List<string>();
        }
    }
}

然后在你的页面保存按钮点击事件中，将所有条目插入数据库：

protected void btnSaveToDatabase_Click(object sender, EventArgs e)
{
    // 遍历所有条目，逐个插入数据库
    foreach (string entry in AllEntries)
    {
        // 这里替换成你的数据库操作逻辑
        // 示例（用ADO.NET）：
        // using (var conn = new SqlConnection(ConfigurationManager.ConnectionStrings["YourConnString"].ConnectionString))
        // {
        //     string sql = "INSERT INTO YourTableName (EntryContent) VALUES (@Content)";
        //     using (var cmd = new SqlCommand(sql, conn))
        //     {
        //         cmd.Parameters.AddWithValue("@Content", entry);
        //         conn.Open();
        //         cmd.ExecuteNonQuery();
        //     }
        // }
    }

    // 保存完成后重置状态
    hfEntries.Value = string.Empty;
    AllEntries.Clear();
    // 提示用户保存成功
    ClientScript.RegisterStartupScript(this.GetType(), "saveSuccess", "alert('所有条目已成功保存到数据库！');", true);
}

为什么这个方法有效？ #

• 我们不再依赖单个文本框存储所有内容，而是用隐藏字段存储所有条目的JSON数组，每次添加新条目都追加进去，不会覆盖之前的内容。
• 前后端双重校验条目数量，避免用户通过修改前端代码绕过限制。
• 后端解析JSON数组得到完整的条目列表，方便批量插入数据库。

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