如何使用 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&nbsp;=&nbsp;getSavedValue("name");