Javascript 带有cookie的JS预选下拉选项创建不可见的下拉选项

Javascript 带有cookie的JS预选下拉选项创建不可见的下拉选项,javascript,html,cookies,Javascript,Html,Cookies,我有一段代码,它根据用户在cookie帮助下先前选择的下拉选项,在用户访问页面的第二次时选择下拉选项。我的问题是,当cookie未设置时(即:用户第一次访问页面时),除非单击下拉列表,否则下拉列表选项不可见 请参阅下面的代码: var saveclass=null; 函数setCookie(名称、值、天数){ var=”; 如果(天){ 变量日期=新日期(); date.setTime(date.getTime()+(天*24*60*60*1000)); expires=“;expires=“

我有一段代码,它根据用户在cookie帮助下先前选择的下拉选项,在用户访问页面的第二次时选择下拉选项。我的问题是,当cookie未设置时(即:用户第一次访问页面时),除非单击下拉列表,否则下拉列表选项不可见

请参阅下面的代码:

var saveclass=null;
函数setCookie(名称、值、天数){
var=”;
如果(天){
变量日期=新日期();
date.setTime(date.getTime()+(天*24*60*60*1000));
expires=“;expires=“+date.toutString();
}
document.cookie=name+“=”+(值| |“”)+expires+“path=/”;
}
函数readCookie(名称){
变量nameEQ=name+“=”;
var ca=document.cookie.split(“;”);
对于(变量i=0;i

选择您的选项Store 1Store 2
只需添加一个条件即可知道readCookie函数是否返回某些内容:

document.addEventListener('DOMContentLoaded', function() {
    var storeSelect = document.getElementById('StoreSelect');
    var selectedStore = readCookie('store');
    if(selectedStore != null) storeSelect.value = selectedStore;    
    else storeSelect.value = 0; //your first element of the list
    saveclass = saveclass ? saveclass : document.body.className;
    document.body.className = saveclass + ' ' + selectedStore;
});

天哪,这种逻辑真是不可思议。谢谢你g4b0.88,你太棒了!别忘了标上正确答案并投票!不客气