MVC @Html.HiddenFor 呈现没有值的 html 表单

Question

注意，在您阅读其余部分之前

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

---

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

@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 的值是它寻找值的第一个地方。没有我预期的效果，因为我的 ModelState 是空的（我的情况不是在控制器的 POST 期间更改值，就像许多类似的问题一样），所以它应该从我的视图模型中获取值。
• 不使用HiddenFor助手，而是使用纯 html。WORKS，但它只是解决方法，而不是问题的答案。
• 在视图中复制带有助手的行，如下所示：

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

PARTIALLY WORKS产生第一个输入 asvalue/>和第二个 asvalue="8888888"/>这表明可能存在隐藏初始属性值的东西。无论如何，我在任何时候都没有在 ViewData 中找到任何内容，也没有在 query string 中找到。显然我不能接受这种方式，我猜不需要解释。

• 更改属性名称。最初它是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 is valid ，但在 DevTools 中它仍然有效，当然提交表单会将 null 传递给 Controller 方法。value="8888888"/>value/>

---

模型

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 );
        }

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

Answer 1

我调试了渲染视图的整个过程（进入.Net源代码），检查了每个可能导致失败的地方，但什么也没发现。

在 @AndyMudrak 和 @Jeremy Lakeman 发表评论后，我决定再次尝试寻找 JavaScript 对该行为负责，但比我之前所做的更深入。我发现这是一个非常愚蠢的脚本，其中元素 Id 是由三个字符串连接而成的，这是我没有预料到的，因为它的实现非常糟糕。所以最后 - JavaScript 正在这样做，并且框架等没有不良行为。

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

感谢您的评论，对于最终的简单性感到抱歉。