Javascript 如何从localStorage设置选择选项下拉列表

我有一个选择选项下拉列表，其中的默认设置没有值，处于禁用状态，并设置为选中状态。当一个人第一次浏览表单时，他们会选择自己的选择。所选内容将保存到本地存储。它们运行了一些问题，然后返回到初始形式，其中所有类型的输入值都设置为保存保存在localStorage中的值。但是，我无法将选择选项下拉列表设置为保存在本地存储器中的值。我还有一个按钮，允许用户清除会话，从而重置所有表单字段。下面是代码示例

HTML:

JavaScript设置值保存后的选择选项下拉列表，问题是：

document.getElementById("gender").value = localStorage.getItem('gender');
// Or this one, neither seem to work
$("#gender").val(localStorage.getItem("gender"));

有没有办法解决这个问题

---

**更新：在进一步查看之后，我发现它正在将第一个选项的值从Male更改为Male，而不是选择将Male设置为其值的选项。但我仍然不知道如何修复它。

直接向上$SEXT.valFemale；工作尝试设置性别。selectedIndex，您需要添加查找以将值转换为索引。您发布的代码对我来说很好：您的浏览器控制台中有错误吗？@halcyon:没有。@Parkerwillams尝试从第0个选项中删除禁用。也许是被它挡住了？@ChrisG:控制台没有错误。在保存时，默认返回到第一个选项“选择您的性别”，然后当您单击“加载”时，它将从本地存储中重新显示所选的性别。

 var gender = document.getElementById("gender");
 localStorage.setItem('gender', gender.options[gender.selectedIndex].value);

document.getElementById("gender").value = localStorage.getItem('gender');
// Or this one, neither seem to work
$("#gender").val(localStorage.getItem("gender"));