Question

我已经编写了一个程序，希望将一些值存储在数组中。当我在一个输入字段中输入一个值时，我将其存储在localStorage（）中，然后将该值添加到名为arr的数组中。下次我在另一个输入字段中输入一个值时，我想将其添加为数组中名为arr的第二项。仅当该输入字段位于我的HTML文件中的第一个字段之后时，才会发生这种情况。您对如何解决这个问题有任何建议。

var $ = jQuery;

var input = [];
var arr = [];

function saveInputs() {
   for(var i = 0; i < 3; i++) {
      input[i] = $("input:eq(" + i + ")").val();
      localStorage.setItem('"input' + i + '"',input[i]);
   }
}

$("#save").on("click", function() {
   saveInputs();
});

function loadInputs() {
   for(var i = 0; i < 3; i++) {
      $("input:eq(" + i + ")").val(localStorage.getItem('"input' + i + '"'));
   }
   for(var i = 0; i < 3; i++) {
      if($("input:eq(" + i + ")").val() === "") {
         console.log("No value for input " + (i+1) + " yet.");
      } else if($("input:eq(" + i + ")").val() != "") {
         arr.push($("input:eq(" + i + ")").val());
      }
   }
   console.log(arr);
}

<!DOCTYPE html>
<html>
   <body>
      <input type="text">
      <input type="text">
      <input type="text">
      <br>
      <button id="save">save</button>

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   </body>
</html>

数组中的项目顺序

0 个答案: