如何从同一个输入框中获取多个输入并存储它们？

如何从同一个输入框中获取多个输入并存储它们？

我目前正在接收有关新事件的输入，并像这样将它们存储在本地存储中。

<form name="myform" action="" method="GET">
   Event Name: <INPUT TYPE="text" NAME="name" VALUE="" id="input1"><br />
   Event Date and Time: <INPUT TYPE="datetime-local" NAME="date" Value="" id="input2"><br />
   Event Location: <INPUT TYPE="text" NAME="location" VALUE="" id="input3"><br />
   Event Notes: <INPUT TYPE="text" NAME="notes" VALUE="" id="input4"><br />
   <button onclick="storeValues()" type=submit>Submit</button>
</form>

    <script>
   document.getElementById('input1').value = localStorage.getItem("EventName");
   document.getElementById('input2').value = localStorage.getItem("EventDateAndTime");
   document.getElementById('input3').value = localStorage.getItem("EventLocation");
   document.getElementById('input4').value = localStorage.getItem("EventNotes");


function storeValues() {
    localStorage.setItem("EventName", document.getElementById('input1').value);
    localStorage.setItem("EventDateAndTime", document.getElementById('input2').value);
    localStorage.setItem("EventLocation", document.getElementById('input3').value);
    localStorage.setItem("EventNotes", document.getElementById('input4').value);
}
</script>

但是我很确定，每当我输入第二个输入时，它就会在本地存储中将其覆盖。我将如何更改它以便我可以多次接受这些输入？

回答如下：

如果要同时存储它们，则必须使用不同的名称。

您可能想要的是本地存储中的值数组之类的东西，如果我没记错的话，那不是开箱即用的吗？我真的不记得了，但是您可能可以将此数组数据序列化/反序列化为JSON字符串。

如何从同一个输入框中获取多个输入并存储它们？

我目前正在接收有关新事件的输入，并像这样将它们存储在本地存储中。

<form name="myform" action="" method="GET">
   Event Name: <INPUT TYPE="text" NAME="name" VALUE="" id="input1"><br />
   Event Date and Time: <INPUT TYPE="datetime-local" NAME="date" Value="" id="input2"><br />
   Event Location: <INPUT TYPE="text" NAME="location" VALUE="" id="input3"><br />
   Event Notes: <INPUT TYPE="text" NAME="notes" VALUE="" id="input4"><br />
   <button onclick="storeValues()" type=submit>Submit</button>
</form>

    <script>
   document.getElementById('input1').value = localStorage.getItem("EventName");
   document.getElementById('input2').value = localStorage.getItem("EventDateAndTime");
   document.getElementById('input3').value = localStorage.getItem("EventLocation");
   document.getElementById('input4').value = localStorage.getItem("EventNotes");


function storeValues() {
    localStorage.setItem("EventName", document.getElementById('input1').value);
    localStorage.setItem("EventDateAndTime", document.getElementById('input2').value);
    localStorage.setItem("EventLocation", document.getElementById('input3').value);
    localStorage.setItem("EventNotes", document.getElementById('input4').value);
}
</script>

但是我很确定，每当我输入第二个输入时，它就会在本地存储中将其覆盖。我将如何更改它以便我可以多次接受这些输入？

回答如下：

如果要同时存储它们，则必须使用不同的名称。

您可能想要的是本地存储中的值数组之类的东西，如果我没记错的话，那不是开箱即用的吗？我真的不记得了，但是您可能可以将此数组数据序列化/反序列化为JSON字符串。