本地存储设置为 Javascript 中的下拉菜单

Question

我一直在使用这个链接。问题是，当我完成提交并填充这些下拉列表时，它会重新加载，当我再次回来时，以前的值将会消失。我只想将这些值保留在下拉列表中，但我认为使用上面的链接时存在冲突。它也没有显示下拉列表的其他值。我只知道我应该使用 localStorage。有没有专家可以给我这方面的指导和想法？单击搜索/提交按钮时设置下拉列表的值var values = document.getElementById('province').value; localStorage.setItem("prov", values);获取省份下拉列表的值 document.getElementById("province").innerHTML = localStorage.getItem("prov");可以通过我提供的链接应用它吗？

Answer 1

首先，制作一个你可以轻松阅读的对象......类似

var obj={province:provinceElement.value, municipality:Municipality.value, ...etc}

然后，当您将所有值保存到对象时，用键保存它（“无论它是什么，一旦它是只有您的代码使用的键”）

localStorage.setItem("uniqueKeyOnlyMyCodeUses",JSON.stringify(obj))

然后你就可以得到你所有的数据了

var localObj=JSON.parse(localStorage.getItem("uniqueKeyOnlyMyCodeUses"))

localObj只需一个键即可保存您保存的所有数据，而对象是处理您提供的数据的一种非常简单的方法