ASP.NET @ Html.TextBoxFor：如何在用户页面刷新的情况下输入用户输入的值？

Question

我使用的文本框的MVC hmtl帮助语法，即@Html.TextBoxFor(m => m.Id)。我有相当冗长的形式与多个文本框，单选按钮和下拉菜单。

问题是，当我刷新页面时，填充在控件中的值即文本框，下拉列表，填充的单选按钮都会丢失。

即使用户刷新页面，我如何避免这种情况并恢复表单的填充值？除localstorage/cookies等之外的其他方法？

Answer 1

您可以创建sessionStorage您的jQuery的自定义的方法，你可以把它添加到jquery.fn对象即使刷新页面

(function($){ 

    // To Load your form values from sessionStorage, and set sessionStorage when value is changed. 

    $.fn.keepValue = function(name) { 
    if(!name) { 
     name= ""; 
    } 
    return this.each(function() { 
     var $this = $(this); 
     var id = $this.attr('id'); 
     var storage_name = namespace + id; 
     var value; 

     // Store form changes in a cookie 
     $this.change(function() { 
     sessionStorage.setItem(storage_name, $this.val()); 
     }); 

     value = sessionStorage.getItem(id); 

     // Don't overwrite value if it's already exist 
     if(!$this.val()) { 
     $this.val(name + value); 
     } 
    }); 
    }; 
})(jQuery); 

$(document).ready(function(){ 
    $('#YourElementId').keepValue(); 
});