读取cookie返回未定义

Question

Here is my situation. I have a dropdown to select country on home.

If there is no cookie I set cookie default to "US", Then user open a link in new tab and goes to checkout page, I filter other countries and show only that selected country on dropdown select, everything is fine but when on first tab it changes country to DE on second tab Cookie is DE but the country is still US.

There are two options,

<select id="country">
    <option>Select Country</option>
    <option value="US">Select Country</option>
</select>

What I want to do is

function readCookie(k){return(document.cookie.match('(^|; )'+k+'=([^;]*)')||0)[2]}  

or any other function to read cookies like some described here What is the shortest function for reading a cookie by name in JavaScript?

document.getElementById('country').onchange = function () { 
    this.options.length = 0;
    this.options[1] = new Option(readCookie('country'),readCookie('country'));
    this.options[1].setAttribute("selected","selected");
}

They return undefined but cookie is there when I inspect with profile. Basically, I just want to renew option based on cookie

when I do

document.getElementById('country').onchange = function () { 

    alert(readCookie('country'); //returns undefined
}

Answer 1

did you check the path when creating a cookie ? make sure the path is /, i sometimes forget and create 2 cookies or cannot remove the old one.

Answer 2

我改为使用本地存储。