浏览器在执行代码时清除信息时遇到问题

Question

所以我在使用location.reload（）;时浏览器显然清除缓存存在问题。 尝试在进行更改时为我重新加载页面。 因此，在我的HTML中，我这样：

      <select id="country" onchange="reloadPage()">
      <option value="0" name="United States">United States</option>
      <option value="1" name="Other">Other</option>
      </select>

然后是head标签之间的Javascript代码：

<script>
function reloadPage()
 {
 location.reload();
 }
</script>

因此，问题在于，当我选择“其他”时，页面将重新加载，并且选择了“美国”而不是“其他”，并且表格中的所有其他信息也被清除。 在我看来，浏览器没有在缓存更改，因此在重新加载时，它会清除所有内容。 使用此功能重新加载页面时，将清除输入到表单中的所有信息。 有没有一种方法可以纠正此问题，以便浏览器通过此功能重新加载时不会将表单重置为原始状态？

Answer 1

如attila的评论中所述 ，无需重新加载页面，您只需调用一个函数即可完成工作。

但是，我的意思是，要在刷新页面甚至关闭浏览器后保持页面状态，我们可以简单地使用localStorage 。

这是一个简单的示例：

localStorage["selectedCountry"] = "US";  //store page data
//refresh page...
var country = localStorage["selectedCountry"]; //read page data. country is now "US"