Question

我正在尝试将数据从一页上的输入字段传递到第二页上的输入字段。

使用localStorage，我可以获取数据，然后将其作为警报输出到目标页面上。

<script>      
    function setValue() {
      var parseAmount = document.getElementById("amount").value;
      localStorage.setItem("amountKey", parseAmount);
   }  

  </script>

但是，我需要存储的数据来填充此输入字段：

<input type="number" class="" id="demo2" value="3000"/>

到目前为止，我最大的努力是：

<script>      
    function getValue() {
        var parseAmount2 = localStorage.getItem("amountKey");

  document.getElementById("demo2").value = parseAmount2;
    }  

  </script>

任何帮助将不胜感激！

Answer 1

localStorage中的项目定义为strig，您的输入定义为数字，请尝试parseInt（您是否调用 getValue（）？）：

function getValue() {
  var parseAmount2 = localStorage.getItem("amountKey");
  document.getElementById("demo2").value = parseInt(parseAmount2);
}
getValue();

Answer 2

页面上的内容加载后，您可以将值加载到页面中。

/* modern browsers - will execute code once all elements are loaded onto the client */
window.addEventListener('DOMContentLoaded', (event) => {
    // content is loaded, load the value from storage
    getValue(); // call the function to perform
});

function getValue() {
   var parseAmount2 = localStorage.getItem("amountKey");
    document.getElementById("demo2").value = parseAmount2;
}

https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event

如何将数据从localStorage添加到输入框中？

2 个答案: