在客户端存储数据/<select>
Store data/<select> on client side
我有一个 HTML 页面，其中包含几个 div 和 2 个下拉列表。下拉列表中的值是根据列表 1 中的 selection 加载的（两个列表都从数据库中获取值），这样每次用户 selects 来自下拉列表 2 的值 .. 值作为参数传递并重新加载页面以显示页面上存在的 div 中的值。
页面刷新出现问题 select 列表值也被刷新，用户再次被要求 select 列表中的值。
据我所知，我们可以在 cookie 中存储单个值。是否可以存储列表，除了 cookie 之外，还有其他方法可以在客户端存储整个下拉列表吗？
我在服务器端使用 php 脚本，在客户端使用 java 脚本
从技术上讲，您可以在 cookies 中存储您想要的任何内容，而不仅仅是单个值。您可以将其存储为 JSON 字符串：{"dropdown1":"value","dropdown2:"value"} 并在重新加载时解析 cookie 中的值。
或者您可以重定向到同一个 url 但使用 query parameter: www.example.com/form.php?dropdown1=value 并从那里获取值。
或者您可以将其放入 local storage：localStorage.setItem("dropdown1", "value");
我有一个 HTML 页面，其中包含几个 div 和 2 个下拉列表。下拉列表中的值是根据列表 1 中的 selection 加载的（两个列表都从数据库中获取值），这样每次用户 selects 来自下拉列表 2 的值 .. 值作为参数传递并重新加载页面以显示页面上存在的 div 中的值。
页面刷新出现问题 select 列表值也被刷新，用户再次被要求 select 列表中的值。
据我所知，我们可以在 cookie 中存储单个值。是否可以存储列表，除了 cookie 之外，还有其他方法可以在客户端存储整个下拉列表吗？
我在服务器端使用 php 脚本，在客户端使用 java 脚本
从技术上讲，您可以在 cookies 中存储您想要的任何内容，而不仅仅是单个值。您可以将其存储为 JSON 字符串：{"dropdown1":"value","dropdown2:"value"} 并在重新加载时解析 cookie 中的值。
或者您可以重定向到同一个 url 但使用 query parameter: www.example.com/form.php?dropdown1=value 并从那里获取值。
或者您可以将其放入 local storage：localStorage.setItem("dropdown1", "value");