页面刷新后保持下拉菜单打开

Question

我的下拉菜单中有一个用于登录的表单。如果用户提交该表单但登录详细信息有误，页面会刷新并关闭下拉菜单。刷新该页面后，如何使下拉菜单保持打开状态？

Answer 1

首先，我会检查是否有一种方法可以在不刷新页面的情况下提交表单，方法是异步发出请求并防止页面刷新的默认行为。 所以在你的表单提交中，你可以这样做： event.preventDefault() 然后异步处理请求。这样，您将保留您的状态。

但如果您出于某种原因确实需要刷新页面，那么我可能会为此使用本地存储。因此，您可以在浏览器的本地存储中存储一些标志，以检查下拉列表是否处于打开状态，例如： localStorage.setItem('dropdownWasOpen', 'true');

然后每当页面刷新时，您都会再次使用 localStorage.getItem('dropdownWasOpen') 从本地存储中读取数据。