如何在刷新时使用select onchange保留值？

Question

我能够切换输出值，但是当我点击刷新时，该值将被重置。我需要留下的价值。

function dateFunction() {
  var x = document.getElementById("ClaimContact").value;
  if (x == 0){				
    document.getElementById("answer").value = "Yes";	
  }
  if (x != 0){
    document.getElementById("answer").value = "No";
  }
}

<table width="100%" cellspacing="0" cellpadding="0" border="1" rules="rows" class="QuestionTable">
  <tr>
    <td #questionstyle# width="10%">Contact?</td>
    <td>
      <select name="ClaimContact" id="ClaimContact" onchange="dateFunction()">
        <option value=""></option>
        <option value="0">Y</option>
        <option value="1">N</option>
      </select>
    </td>	
    <td #answerstyle# align="right">
      <input type="text" id="answer" readonly style="border: none; text-align: right;">
    </td>
  </tr>
</table>

Answer 1

你在任何地方存储价值？如果不是将所选值存储在localstorage中，它将起作用

Answer 2

在localStorage中设置值：

localStorage.setItem("name", value);

var storedData = localStorage.getItem("storedData");

function dateFunction() {
  var x = storedData | document.getElementById("ClaimContact").value;
  storedData = x;
  if (x == 0){				
    document.getElementById("answer").value = "Yes";	
  }
  if (x != 0){
    document.getElementById("answer").value = "No";
  }
  localStorage.setItem("storedData", storedData);
}

<table width="100%" cellspacing="0" cellpadding="0" border="1" rules="rows" class="QuestionTable">
  <tr>
    <td #questionstyle# width="10%">Contact?</td>
    <td>
      <select name="ClaimContact" id="ClaimContact" onchange="dateFunction()">
        <option value=""></option>
        <option value="0">Y</option>
        <option value="1">N</option>
      </select>
    </td>	
    <td #answerstyle# align="right">
      <input type="text" id="answer" readonly style="border: none; text-align: right;">
    </td>
  </tr>
</table>