html下拉框记住选择

在 HTML 中，可以通过使用“localStorage”属性将用户选择的选项保存在本地存储中。具体步骤如下：

1. 在 HTML 页面中，添加下拉框元素，并为其添加“id”属性。

2. 在 JavaScript 中，获取下拉框元素，同时使用“localStorage”属性来保存用户选择的选项。

3. 在页面加载时，通过“localStorage”属性来获取上次用户选择的选项，并将其自动选中。

以下是示例代码：

HTML 代码：

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

JavaScript 代码：

// 获取下拉框元素
var selectElement = document.getElementById("mySelect");

// 当用户选择选项时，将其保存在本地存储中
selectElement.addEventListener("change", function() {
  localStorage.setItem("selectedOption", selectElement.value);
});

// 当页面加载时，自动选择上次用户选择的选项
var selectedOption = localStorage.getItem("selectedOption");
if (selectedOption) {
  selectElement.value = selectedOption;
}