小编DAN*_*UBE的帖子

保存cookie中的下拉菜单选项?

我已经看过几次这个帖子了,但我根本无法得到代码.我需要帮助制作此下拉菜单将其设置保存到cookie,因此当用户再次访问该网站时,将保留其先前的选择.

落下:

<select id="ThemeSelect">
    <option value="zelda">Zelda</option>
    <option value="smb2">SMB 2</option>
</select>
Run Code Online (Sandbox Code Playgroud)

作为参考,此代码与Wordpress小部件中的一些Javascript一起更改css代码,如主题选择器.

我如何将此保存为cookie?我觉得我已经尝试了一切!

编辑:我应该说,但我用这段代码来改变CSS:

var saveclass = null;
var sel = document.getElementById('ThemeSelect');
sel.onchange = function(){
    saveclass = saveclass ? saveclass : document.body.className;
    document.body.className = saveclass + ' ' + sel.value;
};
Run Code Online (Sandbox Code Playgroud)

javascript css cookies menu

11
推荐指数
1
解决办法
2万
查看次数

允许用户使用下拉菜单更改CSS设计元素?

所以,因为我已经决定为我的网站绝对主题的问题,我想,让用户选择从下拉菜单中选择一个主题,并点击的选项时,它会更改背景图片,背景颜色和背景定位.

例如.如果用户选择了"Mario Bros 3"主题,他们就会得到

background-image:url('smb3.jpg');
background-repeat:repeat-x;
background-position:left bottom;
background-attachment: fixed;
background-color: #6899f8;
Run Code Online (Sandbox Code Playgroud)

如果你选择"塞尔达LTTP"主题,你会得到

background-image:url('zeldalttp.jpg');
background-repeat:no-repeat;
background-position:left bottom;
background-attachment: fixed;
background-color: Black;
Run Code Online (Sandbox Code Playgroud)

我想将它放在下拉菜单中,让它记住您的选择,以便每次都适用.

我接下来不知道怎么做,有人可以帮忙吗?

css themes drop-down-menu

3
推荐指数
1
解决办法
2675
查看次数

标签 统计

css ×2

cookies ×1

drop-down-menu ×1

javascript ×1

menu ×1

themes ×1