恢复组合框中的所选值

Question

我在表单上有一些组合框，像这样：

@Html.DropDownListFor(x => x.ComboId, Model.ComboValues)

另外，我有简单的操作方法，该方法在同一视图中返回收到的模型。 当更改选定的项目并提交表单时，我将在组合框中看到具有正确选定值的同一页面。 但是，当我在浏览器中单击“返回”按钮时（在Chrome 25 +，IE 9+中选中此按钮），我将获得上次选择的值。

例如 ，让ComboValues包含2个值： 1和2 。 以前， ComboId = 1 。 当我将其更改为2并提交时，我将获得具有正确值2表格。 但是，当我在浏览器中单击“返回”按钮时，我仍然会看到带有值为2组合框（但希望看到1 ）。

Answer 1

在浏览器中单击“返回”时，会发生这种现象，因为我没有调用操作。 而且我的页面没有重新编排。 我们可以通过在页面加载时重新计算组合框所选项目来解决此问题：

$(function () {
    $("#@Html.IdFor(m => m.ComboId)").val("@Model.ComboId");
}