在提交时保留并保留下拉列表的旧值并刷新页面

我想在刷新或点击提交页面或回复后保持Dropdownlist Selected值相同。

这是java-script函数，在更改后获取Dropdownlist选择的值，然后再次将其放入Dropdownlist：

$("#Rooms").on('change', function (e) { window.localStorage.setItem("Rooms", $("#Rooms option:selected").val()); $("#Rooms").val(window.localStorage.getItem("Rooms")); }); 

这个function在刷新页面时有效，但是当我点击提交按钮或mvc上的动作链接时我不知道为什么不起作用。

这是我在表格中的下拉列表：

  @using (Html.BeginForm("Index", "Home", FormMethod.Get)) {  @for (int i = 1; i <= Model.MaximumNumberOfRooms; i++){ @i }   } 

这是我的控制器：

  [HttpGet] [ActionName("Index")] public ActionResult Index_Get() { //checkURL(); pageload(); return View(mysession); } 

我尝试了几种方法，但没有任何建议。 谢谢

Answer 1

您需要将设置分为两部分，首先需要将值保存到localstorage中，或者我建议使用sessionStorage（以避免保存长期值）：

 $("#Rooms").on('change', function () { window.sessionStorage.setItem("Rooms", this.value); }); 

然后你需要设置值，但这必须在文档就绪：

 $(document).ready(function () { $("#Rooms").val(window.sessionStorage.getItem("Rooms")); });