刷新时如何使用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

您是否将值存储在任何地方？ 如果仅将所选值存储在本地存储中，它将起作用

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>