如何在此处设置Cookie,以记住所选的最新选项?
我没有任何Cookie代码,对javascript
也不了解,我刚刚开始学习,希望有人可以帮助我向我展示该代码。谢谢
这是我的代码
$("#AL-IMG").on('click', function() {
$("#div-AL-IMG").css({ 'display': "block" });
$("#div-EN-IMG").css({ 'display': "none" });
$("#div-ES-IMG").css({ 'display': "none" });
$("#div-FR-IMG").css({ 'display': "none" });
$("#div-IT-IMG").css({ 'display': "none" });
});
$("#EN-IMG").on('click', function() {
$("#div-EN-IMG").css({ 'display': "block" });
$("#div-AL-IMG").css({ 'display': "none" });
$("#div-ES-IMG").css({ 'display': "none" });
$("#div-FR-IMG").css({ 'display': "none" });
$("#div-IT-IMG").css({ 'display': "none" });
});
$("#FR-IMG").on('click', function() {
$("#div-FR-IMG").css({ 'display': "block" });
$("#div-EN-IMG").css({ 'display': "none" });
$("#div-ES-IMG").css({ 'display': "none" });
$("#div-AL-IMG").css({ 'display': "none" });
$("#div-IT-IMG").css({ 'display': "none" });
});
$("#ES-IMG").on('click', function() {
$("#div-ES-IMG").css({ 'display': "block" });
$("#div-AL-IMG").css({ 'display': "none" });
$("#div-EN-IMG").css({ 'display': "none" });
$("#div-FR-IMG").css({ 'display': "none" });
$("#div-IT-IMG").css({ 'display': "none" });
});
$("#IT-IMG").on('click', function() {
$("#div-IT-IMG").css({ 'display': "block" });
$("#div-EN-IMG").css({ 'display': "none" });
$("#div-ES-IMG").css({ 'display': "none" });
$("#div-AL-IMG").css({ 'display': "none" });
$("#div-FR-IMG").css({ 'display': "none" });
});
答案 0 :(得分:0)
您的问题尚未清除,但按照标题
JavaScript设置cookie来记住所选的最新选项
以下内容可能会有所帮助
您可以在dropdownchange事件上设置Cookie
$('#dropdown').change(function()) {
$.cookie("mydropdown", $('#dropdown').val()); //set cookie
$.cookie("mydropdown", $('#dropdown', { expires : 10 }); //set cookie with expiration
}
并读取您的cookie
var cookieDropdown = $.cookie("mydropdown");
答案 1 :(得分:0)
您可以将值存储在localStorage
中,而不用设置cookie。用于设置值
localStorage.setItem("latestSelection", "Option1");
获取价值
var latestSelection = localStorage.getItem("latestSelection");