离开页面后选择选项保留[重复]

Question

我尝试在我的页面上实施一个选择菜单，供用户选择国家/地区。

我目前的选择是加拿大、美国和全球。我试图在页面加载时在加拿大添加selected 属性，因此加拿大默认是所选国家/地区。这按预期工作，但我注意到如果我选择了另一个国家，例如“美国”，请访问网站上的另一个页面并通过后退箭头返回我在重定向之前选择的国家，在这种情况下，“美国”仍然是所选国家而不是加拿大。

如果我检查，我发现加拿大具有选定的属性，但美国仍显示为选定的属性。

我已经尝试添加

  document.getElementById("country-select").selectedIndex = -1;

我认为应该删除选定的属性，但这不起作用。

如何重置我的选择下拉菜单并在返回页面后默认显示Canada。

我不知道我是否能够在代码 sn-p 上重新创建我的问题，但是

这是我的代码 sn-p：

    document.getElementById("country-select").selectedIndex = -1;


let selectedCountry = document.getElementById(124);
     // set Canada as default selected country
    selectedCountry.setAttribute('selected', 'true')

v    <select name="country" id="country-select">
          <option id="0" value="0">Global</option>
     <option id="1" value="1">United States</option>
      <option id="124" value="124">Canada</option>
  </select>

Answer 1

当用户离开页面时，您可以设置选择的选项。

这是通过监听beforeunload事件来完成的：

window.onbeforeunload = function(){
  document.getElementById("country-select").value = "124";
}