以下是一个示例代码,演示如何保留下拉菜单中的最后选定项:
HTML代码:
JavaScript代码:
// 获取下拉菜单元素
var dropdown = document.getElementById("myDropdown");
// 当下拉菜单的选项改变时保存最后选定的项
dropdown.addEventListener("change", function() {
localStorage.setItem("lastSelectedOption", dropdown.value);
});
// 页面加载时恢复最后选定的项
window.addEventListener("load", function() {
var lastSelectedOption = localStorage.getItem("lastSelectedOption");
if (lastSelectedOption) {
dropdown.value = lastSelectedOption;
}
});
上述代码中,我们使用了JavaScript的localStorage
对象来保存最后选定的项。当下拉菜单的选项发生变化时,我们将选中的值存储在localStorage
中。在页面加载时,我们从localStorage
中获取最后选定的项,并将其设置为下拉菜单的选中项。
请注意,上述代码使用了localStorage
来存储数据,因此在同一域名下的不同页面之间共享数据。如果您需要在不同域名下的页面之间共享数据,可以考虑使用sessionStorage
或其他方法。