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

Question

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

这是一个java脚本函数，在更改时获取Dropdownlist选定的值，然后再次将其放入Dropdownlist:

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

此功能在刷新页面时有效，但当我单击 mvc 上的提交按钮或操作链接时不起作用，我不知道为什么。

这是我在表单中的下拉列表:

   @using (Html.BeginForm("Index", "Home", FormMethod.Get))
         {
      <select id="Rooms" name="Rooms" class="dropdown">
      @for (int i = 1; i <= Model.MaximumNumberOfRooms; i++){
         <option value="@i">@i</option>
         }
       </select>
   <input type="submit" class="btns" value=@Resource.criteria_btn_Search />
     }

这是我的 Controller :

    [HttpGet]
    [ActionName("Index")]
    public ActionResult Index_Get()
    {
        //checkURL();                        

        pageload();

        return View(mysession);            
    }

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

Answer 1

您需要将设置分为两部分，首先您需要将值保存到本地存储中，或者我建议使用 sessionStorage (以避免长期保存值):

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

然后您需要设置回该值，但这必须在文档上准备好:

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