Javascript 在html5的本地存储中保存动态数据？

在我的移动应用程序（jquerymobile+phonegap）中，我有两个选择菜单，当用户从菜单中选择一些选项时，我想将其存储在本地存储器中。我知道本地存储的简单语法，比如 setItem（键、值）； 但我不知道如何在本地存储中存储动态数据？

动态意味着什么

要使其成为“动态”，只需使用相同的键运行

localStorage.setItem（key，value）

并更新值，即可更新localStorage项

---

创建一个函数，用于获取所有菜单项和值（off或on、0或1、false或true或某些字符串/整数），该函数运行

localStorage.setItem（key、value）

，然后在每次保存或更新菜单时调用该函数

我有两个选择菜单，它们都是相互关联的，即假设在第一个菜单中有3个公司（A、B、C），每个公司在第二个选择菜单中有不同的阴影。A有3个阴影（shade1、shade2、shade3），B有2个阴影，C有1个。现在，如果我从第一个选择菜单中选择公司A，从第二个选择菜单中选择shade1。我想将这些组合保存在本地存储中（就像我们存储在阵列中一样）。现在，如果我再次选择其他组合，它应该存储在本地存储中（不应该覆盖最后一个）。希望您理解这个问题？如果我理解正确，您要做的是使用许多选项序列化一个数组，如下所示：