在文本框、单选按钮或下拉列表中临时存储值

Question

对其他人来说可能很容易......但是有没有办法在提交之前将值（数据）临时保存到文本框？ 例如， 假设有购物车，用户必须输入他们的信息吗？ 所以我输入了我的名字，我会想哦，我忘了添加一些东西并转到不同的页面以将更多商品添加到购物车中。用户回来后仍会将数据保存在文本框中。 我一直在这样做并通过谷歌搜索但无法解决。

如果有人能告诉我它的逻辑，我将不胜感激。

谢谢

Answer 1

大多数购物车后面都有一个数据库来保存用户的购物车。不过，“如何编写数据库”超出了本文的范围。

但是，如果您只想存储几串信息，localStorage 是理想的选择。 https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

然后，您可以使用 JavaScript（或任何 JavaScript 框架）实现事件，以在每次更改输入后触发，更新 localStorage 对象。

这是<select> 上的示例实现：How to implement local storage on html?。

这是一个更新购物篮的人：Implementing localstorage

但是，可能还有其他选项可以解决您的用例问题，例如 IndexedDB（复杂数据的本地存储）或 URL 的简单使用（片段标识符），如下面的概述：https://www.toptal.com/web/persisting-data-page-reloads-cookies-indexeddb