Javascript设置cookie以记住所选的最新选项

时间:2018-10-26 05:31:10

标签: javascript jquery

如何在此处设置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" });
});

2 个答案:

答案 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");