Javascript 刷新JQuery后，将最后一个选中的选项保留在select中

我有一个汽车列表和一个包含汽车品牌和“全部”的选择列表，当选择一个选项时，我会根据汽车品牌过滤汽车。 e、 g当我选择“Mercedes”时，只显示Mercedes的汽车，我们选择all，所有汽车都显示。（一切正常）

当我刷新页面时，我希望列表根据我选择的最后一个选项（刷新之前）进行过滤，而不是再次过滤所有列表。 我想知道是否有一种方法可以在不需要服务器端工作的情况下在客户端完成这项工作。

---

我只需要指出，我的问题不是关于“onchange”功能，而是关于存储最后选择的选项。

如果您只需要它在页面刷新中保持，而不是在不同的浏览器会话中保持，请使用：

只有字符串可以直接存储。与其存储元素，不如存储其元素id/类。要存储其他对象，请对数据使用函数将其序列化为字符串

---

如果您决定要在浏览器崩溃时保持过滤器，那么很容易切换到完全兼容的模式。localstorage中的项目没有特定的过期日期，因此如果需要过期，则您还需要保存筛选日期，以便自己检测和删除过期的项目。

如果您只需要它在页面刷新中保持，而不需要在不同的浏览器会话中保持，请使用：

只有字符串可以直接存储。与其存储元素，不如存储其元素id/类。要存储其他对象，请对数据使用函数将其序列化为字符串

---

如果您决定要在浏览器崩溃时保持过滤器，那么很容易切换到完全兼容的模式。localstorage中的项目没有特定的过期日期，因此如果需要过期，则您还需要保存筛选日期，以便自己检测和删除过期项目。

您可以将其存储在cookie中。您可以解释更多信息吗？请检查此问题。您将选择选项值存储在cookie中，并在加载页面时，它将查找cookie并使用它的值（如果存在）。如果没有，那么您只需像普通一样显示所有内容。您可以将其存储在cookie中。您可以解释更多信息吗？请检查此问题。您将选择选项值存储在cookie中，当您加载页面时，它将查找cookie并使用其值（如果存在）。如果不是的话，那你就把我要找的东西都展示出来！谢谢正是我要找的！谢谢

// When changing the filter
var filter = 'Mercedes';
sessionStorage.setItem('last-filter', filter);

// When loading the page (document.ready)
var filter = sessionStorage.getItem('last-filter') || 'all';
if (filter !== 'all') {
    changeFilter(filter);  // your function
}