在页面重新加载时将选择值标记为已选择

Question

在我的代码中，每个选择值都有一个 python 条件：

<option value="500" {% if paginate == '500' %}selected{% endif %}>Show by 500</option>

这允许您不重置选择，并在重新加载页面时显示用户选择的值。

其中一个select中的值来自js代码：

var countries = {
          1 Step: ["USA"],
          2 Step: [ "USA", "Japan", "Russia", "Germany", "England"],
          
        };
        var step = document.getElementById("steps");
        var country = document.querySelector("#country");
        window.onload = selectCountry;
        step.onchange = selectCountry;

        function selectCountry(ev){
          country.innerHTML = "";
          var c = this.value || "1 Step", o;
          for(let i = 0; i < countries[c].length; i++){
            o = new Option(countries[c][i],countries[c][i],false,false);
            country.add(o);
          };
        }

这段js代码中应该写什么条件和什么条件，让select的selected值在页面重新加载时变成selected？例如，每个国家/地区都是这种情况：

{% if country == 'Russia' %}selected{% endif %}
{% if country == 'Japan' %}selected{% endif %}

等