MVC @Html.HiddenFor 呈现没有值的 html 表单
MVC @Html.HiddenFor renders html form with no value
请注意，在您阅读其余内容之前
此问题与POST方法无关，重新显示带有提交表单的视图或将输入值绑定到控制器方法参数。这纯粹是关于 使用 html 助手（HiddenFor 或 Hidden 渲染视图 - returns一样）。
我使用 HiddenFor 助手
创建了一个简单的隐藏字段
@Html.HiddenFor(m => m.ProductCode)
我的问题是这个隐藏字段的值呈现为 null:
<input id="productCode" name="productCode" type="hidden" value/>
即使我在实例化模型时设置它，当然它通过调试确认（它总是有一个值）。
所以它应该看起来像这样：
<input id="productCode" name="productCode" type="hidden" value="8888888"/>
因为我知道有一些类似这个的问题（实际上所有这些问题都涉及在表单 POST 期间更改表单值），所以我列出了我已经尝试过的事情。我的代码就在我认为必不可少的这一部分的正下方。
到目前为止我试过：
- ModelState.Clear() 无处不在 - 因为我们知道来自 ModelState 的值是它寻找值[=97 的第一个地方=]. NO EFFECT 这是我所期望的，因为我的 ModelState 是空的（我的情况不是在 POST 期间在控制器中更改值，就像在许多类似的问题中一样），所以它应该取值来自我的视图模型。
- 不使用
HiddenFor 助手，而是使用纯 html。 WORKS，但它 只是解决方法 ，不是问题的答案。
- 在视图中使用 helper 复制行如下：
@Html.HiddenFor(m => m.ProductCode)
@Html.HiddenFor(m => m.ProductCode)
部分工作 将第一个输入生成为 value/>，将第二个输入生成为 value="8888888"/>，这表明可能存在隐藏初始 属性 值的内容.无论如何，我在任何时候都没有在 ViewData 中找到任何东西，在查询字符串中也没有找到任何东西。显然我不能接受这种方式，我想不需要解释。
- 正在更改 属性 的名称。最初是 ProductCode。我将其更改为 productCode、ProdCode、ProductCodeasd 等 以及所有这些 WORKS。同样，看起来有些东西 hides/updates 的价值，但同样 - 100% 确定没有 JS 或其他任何东西在做它。所以仍然没有找到答案 - 再次解决方法。
- 显式设置 HiddenFor 的值：@Html.HiddenFor(x => x.ProductCode, new {Value = @Model.ProductCode})。 无效果，呈现方式相同。
- 使用
@Html.Hidden 而不是 @Html.HiddenFor。 无效果，名称设置为 ProductCode 它以相同的方式呈现。
还有一件事我觉得很有趣。 Reading html with Display page source in Chrome [ctrl+U ] 显示该值有效 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 );
}
最后，是什么导致了这种奇怪的行为？我已经 运行 没有选择了。也许有人以前遇到过像我这样的问题，希望能提供有关此案的任何线索。
我调试了渲染视图的整个过程（进入 .Net 源）检查了所有可能导致它失败的地方，但一无所获。
在@AndyMudrak 和@Jeremy Lakeman 发表评论后，我决定再次尝试找到 JavaScript 对这种行为负责，但比以前更深入。我发现的是一个非常愚蠢的脚本，其中元素 Id 由我没想到的三个字符串连接而成，因为它的实现非常糟糕。所以最后 - JavaScript 正在这样做并且框架等没有不良行为
实际上我有点失望（即使知道这个简单的答案很好）因为它看起来比实际情况复杂得多，我花了几个小时才发现它是多么简单:|
感谢您的评论，抱歉最后的简单。
请注意，在您阅读其余内容之前
此问题与POST方法无关，重新显示带有提交表单的视图或将输入值绑定到控制器方法参数。这纯粹是关于 使用 html 助手（HiddenFor 或 Hidden 渲染视图 - returns一样）。
我使用 HiddenFor 助手
@Html.HiddenFor(m => m.ProductCode)
我的问题是这个隐藏字段的值呈现为 null:
<input id="productCode" name="productCode" type="hidden" value/>
即使我在实例化模型时设置它，当然它通过调试确认（它总是有一个值）。
所以它应该看起来像这样：
<input id="productCode" name="productCode" type="hidden" value="8888888"/>
因为我知道有一些类似这个的问题（实际上所有这些问题都涉及在表单 POST 期间更改表单值），所以我列出了我已经尝试过的事情。我的代码就在我认为必不可少的这一部分的正下方。
到目前为止我试过：
- ModelState.Clear() 无处不在 - 因为我们知道来自 ModelState 的值是它寻找值[=97 的第一个地方=]. NO EFFECT 这是我所期望的，因为我的 ModelState 是空的（我的情况不是在 POST 期间在控制器中更改值，就像在许多类似的问题中一样），所以它应该取值来自我的视图模型。
- 不使用
HiddenFor助手，而是使用纯 html。 WORKS，但它 只是解决方法 ，不是问题的答案。 - 在视图中使用 helper 复制行如下：
@Html.HiddenFor(m => m.ProductCode)
@Html.HiddenFor(m => m.ProductCode)
部分工作 将第一个输入生成为 value/>，将第二个输入生成为 value="8888888"/>，这表明可能存在隐藏初始 属性 值的内容.无论如何，我在任何时候都没有在 ViewData 中找到任何东西，在查询字符串中也没有找到任何东西。显然我不能接受这种方式，我想不需要解释。
- 正在更改 属性 的名称。最初是 ProductCode。我将其更改为 productCode、ProdCode、ProductCodeasd 等 以及所有这些 WORKS。同样，看起来有些东西 hides/updates 的价值，但同样 - 100% 确定没有 JS 或其他任何东西在做它。所以仍然没有找到答案 - 再次解决方法。
- 显式设置 HiddenFor 的值：@Html.HiddenFor(x => x.ProductCode, new {Value = @Model.ProductCode})。 无效果，呈现方式相同。
- 使用
@Html.Hidden而不是@Html.HiddenFor。 无效果，名称设置为 ProductCode 它以相同的方式呈现。
还有一件事我觉得很有趣。 Reading html with Display page source in Chrome [ctrl+U ] 显示该值有效 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 );
}
最后，是什么导致了这种奇怪的行为？我已经 运行 没有选择了。也许有人以前遇到过像我这样的问题，希望能提供有关此案的任何线索。
我调试了渲染视图的整个过程（进入 .Net 源）检查了所有可能导致它失败的地方，但一无所获。
在@AndyMudrak 和@Jeremy Lakeman 发表评论后，我决定再次尝试找到 JavaScript 对这种行为负责，但比以前更深入。我发现的是一个非常愚蠢的脚本，其中元素 Id 由我没想到的三个字符串连接而成，因为它的实现非常糟糕。所以最后 - JavaScript 正在这样做并且框架等没有不良行为
实际上我有点失望（即使知道这个简单的答案很好）因为它看起来比实际情况复杂得多，我花了几个小时才发现它是多么简单:|
感谢您的评论，抱歉最后的简单。