如何从localStorage

Question

我有一个选择选项下拉列表，默认设置没有值，被禁用，并设置为选中。一个人第一次浏览表单，他们选择他们的选择。选择将保存到本地存储。它们会运行一些问题，然后返回到初始形式，其中所有类型的输入值都设置为保存localStorage中保存的值。但是，我无法将选择选项下拉列表设置为本地存储中保存的值。我还有一个按钮，允许此人清除会话，从而重置所有表单域。以下是代码示例。

HTML：

<select id="gender" name="gender" required="" aria-required="true">
    <option value="" disabled selected>Choose your gender</option>
    <option value="Male">Male</option>
    <option value="Female">Female</option>
</select>
<label>Gender</label>

JavaScript将选定值保存到本地存储：

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

一旦值已经保存，JavaScript就会设置选择选项下拉列表，问题是：

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

关于如何解决这个问题的任何想法？

**更新：再看一下之后，我发现它正在将第一个选项的值从“”更改为“男性”，而不是选择将“男性”设置为其值的选项。但我仍然无法弄清楚如何解决它。