如何将非模型的Div值传递至后端控制器方法

我来帮你搞定这个需求～ 核心要注意：<div>不是表单控件，表单提交时不会自动把它的内容发送到后端，所以我们需要搭配一个隐藏输入框来同步Div的值，这样后端就能通过模型绑定拿到数据了。具体步骤如下：

1. 更新模型类 #

首先在你的ScheduleAptMV模型里添加一个属性，用来存储Div的内容：

public class ScheduleAptMV
{
    public string FirstName { get; set; }
    // 新增属性，对应Div的值
    public string CustomDivContent { get; set; }
}

2. 修改视图代码 #

在表单里添加Div和对应的隐藏输入框，然后用jQuery同步两者的值：

@model ScheduleAptMV
@{
    ViewBag.Title = "Schedule Appointment";
}

@using (Html.BeginForm())
{
    <!-- 要展示的Div -->
    <div id="myCustomDiv">默认内容</div>
    <!-- 隐藏输入框，用来存储Div的值，表单提交时会发送这个值 -->
    @Html.HiddenFor(model => model.CustomDivContent, new { id = "hiddenDivValue" })

    @Html.LabelFor(model => model.FirstName)
    @Html.EditorFor(model => model.FirstName)

    <!-- 示例：添加一个按钮测试赋值逻辑，你可以换成自己的触发场景（比如异步请求、用户操作等） -->
    <button type="button" id="updateDivBtn">更新Div内容</button>
    
    <input type="submit" value="Make Appointment"/>
}

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(function() {
        // 点击按钮时更新Div，同时同步到隐藏输入框
        $("#updateDivBtn").click(function() {
            var newContent = "这是通过jQuery设置的Div内容";
            $("#myCustomDiv").text(newContent);
            $("#hiddenDivValue").val(newContent); // 关键步骤：同步值到隐藏字段
        });

        // 如果是其他场景触发赋值（比如从后端接口获取数据），同样要同步到隐藏字段
        // 示例：
        // $.get("/YourController/GetDynamicContent", function(data) {
        //     $("#myCustomDiv").text(data);
        //     $("#hiddenDivValue").val(data);
        // });
    });
</script>

3. 更新控制器的Post方法 #

现在你可以在Post方法里直接通过模型获取Div的值了：

[HttpPost]
public ActionResult YourActionName(ScheduleAptMV model)
{
    // 这里就能拿到model.CustomDivContent的值啦
    if (ModelState.IsValid)
    {
        // 执行你的业务逻辑，比如保存到数据库
        return RedirectToAction("AppointmentSuccess");
    }
    return View(model);
}

关键说明 #

• 为什么要用隐藏输入框？因为表单只会提交<input>、<select>、<textarea>这类表单控件的内容，<div>属于普通元素，不会被包含在表单提交的数据里。
• 一定要保证Div的内容和隐藏输入框的值同步更新，不然提交时后端拿到的会是初始值。

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