所以我在使用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>

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

===============>>#1 票数:1

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

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

这是一个简单的示例:

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

  ask by Thone2 translate from so

未解决问题?本站智能推荐: