动态创建多个Cookie,以存储列表框中的选定选项,并显示到其他页面

时间:2019-02-13 18:27:34

标签: jquery html session-cookies

我有一个带有学生姓名的列表框。我需要能够选择多个名称,然后使用它们来填充并在另一个HTML页面的引导表中显示它们。目前,我能够将所有选定的名称存储在一个cookie中(按照下面的代码),但这并不能给我灵活地分别显示这些名称的机会。

$("#btnStartEvent").bind("click", function () {
        var selectedStudents = $('#lstBox2 option:selected');
        var selectedEvent = $('#event_options option:selected');

        $.cookie("students", $(selectedStudents).text());
        $.cookie("events", $(selectedEvent).text());

        window.location.href = "startevent.html";

我可以在下一页中打印它们(使用下面的代码),但是同样,我不确定如何填充表,因为cookie似乎将数据存储在一个大块中。

$(function () {
    / the $.cookie("events") holds my event names /
    if ($.cookie("students") != null && $.cookie("events") != null) {
        var data = "<u>Values from Cookies</u><br /><br />";
        data += "<b>Students:</b> " + $.cookie("students") / + " <b>Events:</b> " + $.cookie("events"); /
        var event = $.cookie("events");
        $("#current_event").html(event);
        $("#cookietest").html(data);
        $.removeCookie("students");
        $.removeCookie("events");

关于哪种方法最有效的想法是什么?

0 个答案:

没有答案