如何在刷新时保持cookie的值集

Question

我有两个选项的模态 - 选择：城市1或城市2.如果用户选择城市1，城市1存储在cookie中，如果他选择城市2，那么它将存储在cookie中。默认值为“更改城市”。

这是每次用户选择其中一个城市时调用的函数。单击按钮，将调用此函数。

html

<a class="header-text" id="set-city" href="#" data-toggle="modal" data-target="#changeCity">Change City</a>

Jquery的

function selectCity(cityName) {
    cookieStore.set('city', cityName);
    if (cookieStore.get('city')) {
        $("#set-city").html(cityName);
    }
}

现在，如果我刷新页面，原来的“更改城市将会显示”。意味着它不再显示所选城市。即使刷新页面后，如何在html中保留cookie选择值？

Answer 1

在$.ready上设置下拉城市名称（您的选项必须具有城市名称作为值），

$(function(){
    cookieStore.get('city') &&  // check if city name exists in city
         $("#select").val(cookieStore.get('city')); // then show city name as selected
});