在客户端存储数据/<select>答案

【问题标题】：Store data/<select> on client side在客户端存储数据/<select>
【发布时间】：2016-04-19 05:23:22
【问题描述】：

我有一个带有几个 div 和 2 个下拉列表的 HTML 页面。下拉列表中的值是根据列表 1 中的选择加载的（两个列表都从 DB 中获取值），这样每次用户从下拉列表 2 中选择一个值 .. 值作为参数传递，页面为重新加载以显示页面上存在的 div 中的值。

问题是刷新页面选择列表值也会刷新，并且再次要求用户从列表中选择值。

据我所知，我们可以在 cookie 中存储单个值 .. 是否可以存储一个列表，除了 cookie 之外，还有其他方法可以在客户端存储整个下拉列表吗？

我在客户端使用 php 编写服务器端脚本和 java 脚本

【问题讨论】：

【解决方案1】：

从技术上讲，您可以在 cookies 中存储您想要的任何内容，而不仅仅是单个值。您可以将其存储为 JSON 字符串：{"dropdown1":"value","dropdown2:"value"} 并在重新加载时解析 cookie 中的值。

或者您可以使用query parameter: www.example.com/form.php?dropdown1=value 重定向到相同的网址并从那里获取值。

或者你可以把它放到local storage:localStorage.setItem("dropdown1", "value");

【讨论】：