javascript - 使用 localstorage 存储表数据并将其传递到表单

Question

现在我正在尝试使用 HTML5 的 localStorage API 从表中获取值，并将该值传递到表单中。

例如，当用户单击此表单上的“立即注册”时:http://yft.ac/upcoming-workshops/ ，我希望存储给定行(日期、时间、地点)的信息以及其上方的标题(例如:YFT 招生见解)，然后显示在此页面上的“感兴趣的研讨会”字段中: http://yft.ac/contact-us/ .

我确实不是 JavaScript 方面最好的人，但这是我迄今为止所拥有的:

联系我们:

$('input#workshop').text( localStorage.getItem('workshop') );

即将举行的研讨会页面:

$('body').on('click', 'a.button', function(){
    var index = $(this).parents('table').index('table');
    var cur_workshop = $(this).parents('.innercontent').find('h3').eq(index).text();
    localStorage.setItem('workshop', cur_workshop);
});

我只是试图将其拼凑在一起，因此上面的代码不起作用，但我希望这对于可能更精通 JavaScript 的人来说是一个很好的开始。

Answer 1

您的页面几乎没有问题。

1. 不包含 Modernizer 库 - 您在代码中使用 Modernizr.localstorage
2. localStorage.setItem('workshop', cur_workshop); 代码是在 jQuery 库添加到页面之前添加的 - 因为此代码使用了 jQuery，所以在包含 jQuery 后将其移动
3. 看起来你/wordpress正在调用jQuery.noConflict() - 所以$不再引用jQuery，所以使用jQuery而不是$ > 在你的代码中