localstorage多個值

Question

好的，所以我有我輸入成績的文本框，然後他們保存在localstorage中，我可以在我的文本框下看到它們。但是，如果我想添加更多的文本框，在其中我可以添加更多的成績，他們將被保存在本地存儲，但他們將在另一個數組或什麼我可以做到這一點？我會很感激任何幫助。

$(document).ready(function() { 
    var i = 0; 
    for (i = 0; i < localStorage.length; i++) { 
     var gradeID = "grade-" + i; 
     $('#gradeList').append("<b id='" + gradeID + "'>" + localStorage.getItem(gradeID) + "</b>, "); 
    } 

    $('#clear').click(function() { 
     localStorage.clear(); 
    }); 

    $('#gradeEntryForm').submit(function() { 
     if ($('#gradeInput').val() !== "") { 
      var gradeID = "grade-" + i; 
      var gradeMessage = $('#gradeInput').val(); 
      localStorage.setItem(gradeID, gradeMessage); 
      $('#gradeList').append("<b class='task' id='" + gradeID + "'>" + gradeMessage + "</b>, "); 
      var grade = $('#' + gradeID); 
      task.slideDown(); 
      $('#gradeInput').val(""); 
      i++; 
     } 
     return false; 
    }); 

    $('#gradeList').on("click", "b", function (event) { 
     self = $(this); 
     gradeID = self.attr('id'); 
     localStorage.removeItem(gradeID); 
     self.remove(); 

    }); 


}); 

DEMO

Answer 1

可以動態ID設置爲您localStorage的按鍵，你可以與你產生的文本框

類似下面

localStorage['grade_' + some_id] = value; 

Answer 2

您可以使用下面的例子：

document.getElementById("addGrade").onclick = function() { var gradeCell = document.getElementById("gradeCell"); var input = document.createElement("input"); input.type = "number"; var br = document.createElement("br"); gradeCell.appendChild(input); gradeCell.appendChild(br); }

EXAMPLE