问题出现的原因是缺少对下拉框当前选项的存储和重载。可以在下拉框元素上添加一个 onchange 事件,每当下拉框的选项改变时,更新存储当前选项的变量。在页面刷新后,检查存储的选项并将其重载到下拉框中。 以下是示例代码:
HTML:
JavaScript: var selectedOption = localStorage.getItem("selectedOption"); if(selectedOption){ document.getElementById("dropdown").value = selectedOption; }
function updateSelectedOption(){ var dropdown = document.getElementById("dropdown"); var selectedOption = dropdown.options[dropdown.selectedIndex].value; localStorage.setItem("selectedOption", selectedOption); }