现在我正在尝试使用 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 的人来说是一个很好的开始。
最佳答案
您的页面几乎没有问题。
- 不包含 Modernizer 库 - 您在代码中使用
Modernizr.localstorage
localStorage.setItem('workshop', cur_workshop);
代码是在 jQuery 库添加到页面之前添加的 - 因为此代码使用了 jQuery,所以在包含 jQuery 后将其移动- 看起来你/wordpress正在调用jQuery.noConflict() - 所以
$
不再引用jQuery,所以使用jQuery
而不是$
> 在你的代码中
关于javascript - 使用 localstorage 存储表数据并将其传递到表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18603484/