页面刷新后保持下拉菜单打开
Keep dropdown menu open after page refresh
我的下拉菜单中有一个用于登录的表单。如果用户提交该表单但登录详细信息错误，则页面会刷新并且下拉菜单会关闭。刷新该页面后如何使下拉菜单保持打开状态？
首先，我会检查是否有一种方法可以在不刷新页面的情况下提交表单，方法是异步发出请求并阻止页面刷新的默认行为。
所以在你的表单提交中，你可以这样做：
event.preventDefault()
然后异步处理请求。这样，您将保留您的状态。
但如果您出于某种原因确实需要刷新页面，那么我可能会为此使用本地存储。因此，您可以在浏览器的本地存储中存储一些标志，以检查下拉列表是否处于打开状态，例如：
localStorage.setItem('dropdownWasOpen', 'true');
然后每当页面刷新时，您都会使用localStorage.getItem('dropdownWasOpen')再次从本地存储中读取。
我的下拉菜单中有一个用于登录的表单。如果用户提交该表单但登录详细信息错误，则页面会刷新并且下拉菜单会关闭。刷新该页面后如何使下拉菜单保持打开状态？
首先，我会检查是否有一种方法可以在不刷新页面的情况下提交表单，方法是异步发出请求并阻止页面刷新的默认行为。
所以在你的表单提交中，你可以这样做：
event.preventDefault()
然后异步处理请求。这样，您将保留您的状态。
但如果您出于某种原因确实需要刷新页面，那么我可能会为此使用本地存储。因此，您可以在浏览器的本地存储中存储一些标志，以检查下拉列表是否处于打开状态，例如：
localStorage.setItem('dropdownWasOpen', 'true');
然后每当页面刷新时，您都会使用localStorage.getItem('dropdownWasOpen')再次从本地存储中读取。