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(); 
});