如何使用 javascript 或 jquery 在网络本地存储中存储输入值？

Question

我有如下输入。我想在页面刷新后保留其值。请注意，我有 name 属性，而不是 class 或 ID。<input type="text" name="name" onkeyup="saveValue(event)"/> <input type="text" name="age" onkeyup="saveValue(event)"/> <script type="text/javascript">var nameArr = ["name"];nameArr.forEach(function(el){  document.getElementsByName(el)[0].value = getSavedValue(el);  })function saveValue(e) {  var name = e.target.name;  var val = e.target.value;  localStorage.setItem(name, val);}function getSavedValue(v) {  if (!localStorage.getItem(v)) {    return "";  }  return localStorage.getItem(v);}</script>它只适用于 1 个输入。我想要一些适用于无限数量输入的东西。

Answer 1

document.getElementsByName("name") 返回一个数组。如果您确定只有一个名为“name”的元素，则使用

document.getElementsByName("name")[0].value = getSavedValue("name");