【问题标题】：MVC @Html.HiddenFor renders html form with no valueMVC @Html.HiddenFor 呈现没有值的 html 表单
【发布时间】：2020-05-12 20:16:39
【问题描述】：

在阅读其余内容之前请注意

这个问题不是关于 POST 方法，使用提交的表单重新显示视图或将输入值绑定到控制器方法参数。这纯粹是关于使用 html 帮助器（HiddenFor 或 Hidden - 两者返回相同）渲染视图。

我使用HiddenFor helper 创建了一个简单的隐藏字段

@Html.HiddenFor(m => m.ProductCode)

我的问题是这个隐藏字段的值被渲染为空：

<input id="productCode" name="productCode" type="hidden" value/>

即使我在实例化模型时设置了它，当然它也通过调试得到确认（它总是有一个值）。
所以它应该看起来像这样：

<input id="productCode" name="productCode" type="hidden" value="8888888"/>

因为我知道有一些像这样的问题（实际上所有这些问题都是指在表单 POST 期间更改表单值），所以我列出了我已经尝试过的事情的清单。我的代码就在这部分的正下方，我认为这是必不可少的。

到目前为止我尝试过：

ModelState.Clear() 无处不在 - 因为我们知道 ModelState 的值是它寻找值的第一个位置。 NO EFFECT 我所期望的，因为我的 ModelState 是空的（我的情况不是在控制器中的 POST 期间更改值，就像在许多类似的问题中那样），所以它应该从我的视图模型中获取值。李>
不使用HiddenFor 助手，而是使用纯html。有效，但它只是解决方法，不能解决问题。
在视图中使用助手复制行如下：

@Html.HiddenFor(m => m.ProductCode)
@Html.HiddenFor(m => m.ProductCode)

部分工作产生第一个输入为value/>，第二个输入为value="8888888"/>，这表明可能存在隐藏初始属性值的东西。无论如何，我在任何时候都没有在 ViewData 中找到任何东西，也没有在查询字符串中找到。显然我不能接受这种方式，我想不需要解释。

更改属性名称。最初它是ProductCode。我将其更改为 productCode、ProdCode、ProductCodeasd 等。 以及所有这些 WORKS。再一次，看起来有些东西隐藏/更新了值，但同样 - 100% 确定没有 JS 或其他任何东西在做它。所以仍然没有找到答案 - 只是解决方法。
显式设置 HiddenFor 的值：@Html.HiddenFor(x => x.ProductCode, new {Value = @Model.ProductCode})。 NO EFFECT，渲染方式相同。
使用@Html.Hidden 代替@Html.HiddenFor。 NO EFFECT，名称设置为 ProductCode，其呈现方式相同。

还有一件我觉得很有趣的事情。在 Chrome [ctrl+U] 中使用 Display page source 读取 html 表明该值有效 value="8888888"/>，但在 DevTools 中它仍然是 value/>，当然提交表单会将 null 传递给 Controller 方法。

型号

public class Product
    {
        public string Description { get; set; }
        public int Quantity { get; set; }
        public string ProductCode { get; set; }
        public string ImageUrl { get; set; }

        public Product(string desc, string productCode, string imgUrl)
        {
            Description = desc;
            ProductCode = productCode;
            ImageUrl = imgUrl;
        }
    }

查看

@model Product

@using (Html.BeginForm("UpdateCart", "Cart"))
{
    <div class="row pad10">

        <div class="col-sm-6 text-center">
            <img src="@Model.ImageUrl" width="300" height="300" />
        </div>
        <div class="col-sm-6 text-justify">
            <p>@Model.Description</p>
            <div class="row padding-top-2">
                <div class="col-sm-6">
                    <label>@CommonResources.Quantity: </label>
                </div>
                <div class="col-sm-4">
                    @Html.TextBoxFor(m => m.Quantity, new
                    {
                        @class = "form-control",
                        @data_val_required = CommonResources.FieldRequired,
                        @data_val_number = CommonResources.ValidationNumber
                    })
                    @Html.ValidationMessageFor(model => model.Quantity, "", new { @class = "text-danger" })
                    @Html.HiddenFor(m => m.ProductCode)
                </div>
            </div>
        </div>
    </div>
    <div class="text-center col-xs-12 padTop20 padBottom20">
        <input type="submit" value="Submit" class="whtBtn pad" />
    </div>
}

控制器

使用 RedirectToAction 从控制器返回视图，如下所示：
ValidateAndProceed -> ResolveNextStep（此处发生重定向）-> ShowProduct

        public ActionResult ValidateAndProceed()
        {
            var order = Session.Current.Order;
            var lang = LangService.GetSelectedLanguage();
            var invoice = Session.Current.CurrentInvoice;
            var localCurrency = Session.Current.LocalCurrencyInfo;

            List<CheckoutValidationFieldError> errors = new List<CheckoutValidationFieldError>();

            errors = ValidationService.ValidateAddress(order);
            if (errors.Count > 0)
            {
                return RedirectToAction("InvalidAddress", "Address", new { serializedErrors = JsonConvert.SerializeObject(errors) });
            }

            return ResolveNextStep(order, invoice);
        }

        public ActionResult ResolveNextStep(IOrder order, IInvoice invoice)
        {
            if (OrderService.ShowProductView(order, invoice))
            {
                return RedirectToAction("ShowProduct");
            }
            return RedirectToAction("Summary");
        }

        public ActionResult ShowProduct()
        {
            Product model = ProductService.GetProduct(Session.Current.CurrentInvoice);
            return View("~/Views/Product.cshtml", model );
        }

最后，什么会导致这种奇怪的行为？我已经没有选择了。也许以前有人遇到过像我这样的问题，希望能提供有关此案的任何线索。

【问题讨论】：

为什么你的构造函数叫Donation？您是否尝试将其更改为产品？
@Przemysław 你可以试试这个方法：在你的模型中装饰你的字段：[HiddenInput(DisplayValue = false)] public string ProductCode { get; set; }，然后在你的视图上渲染：@Html.EditorFor(x => x.ProductCode)
如果查看源显示该值，是否可以通过javascript清除？
所以让我印象深刻的是，在原始 HTML 源代码中，设置了值。这是视图的实际渲染值，而不是 DevTools 告诉你的。这种差异很可能意味着在浏览器完成页面加载后 JavaScript 中的值发生了一些变化。如果您尝试在 DevTools 中禁用 JavaScript 并重新加载页面，该值是否会在 DevTools 中显示正确的值？
@AndyMudrak 禁用了 JavaScript，视图不会呈现，这是应用架构的原因，但最后 JavaScript 是我在答案中提到的一个很好的方向。

标签： c# html razor asp.net-mvc-5 hidden-field

【解决方案1】：

我调试了渲染视图的整个过程（进入 .Net 源代码），检查了所有可能导致它失败的地方，但一无所获。

在 @AndyMudrak 和 @Jeremy Lakeman cmets 之后，我决定再次尝试找出 JavaScript 对这种行为负责，但比以前更深。我发现的是一个非常愚蠢的脚本，其中元素 ID 是从三个字符串连接起来的，这是我没想到的，因为它的实现非常糟糕。所以最后 - JavaScript 正在这样做，并且框架等没有不良行为。

实际上我有点失望（即使很高兴知道这个简单的答案），因为它看起来比实际复杂得多，而且我花了几个小时才发现它有多简单：|

感谢 cmets，抱歉最后的简单性。

【讨论】：