首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >sessionStorage javascript,加载getItem?

sessionStorage javascript,加载getItem?
EN

Stack Overflow用户
提问于 2016-10-30 20:04:56
回答 2查看 654关注 0票数 0

大家好!

我有以下三个用于会话存储的函数,并且我需要一些加载部分的帮助。savefunction运行得很好,但是在加载loadform()函数时,我无法将信息返回到表单中。我做错了什么?

代码语言:javascript
运行
复制
function book() {
    document.getElementById('ticketform').addEventListener('input', saveform, false);
    document.getElementById('ticketform').addEventListener('load', loadform, false);
}

function loadform() {
    var storedFnamn = sessionStorage.getItem('text1');
    var storedEnamn = sessionStorage.getItem('text2');
    var storedPnr = sessionStoage.getItem('text3');

    if (storedFnamn) {
        document.getElementById('firstname').value = storedFnamn;
    }
    if (storedEnamn) {
        document.getElementById('lastname').value = storedEnamn;
    }
    if (storedPnr) {
        document.getElementById('idnr').value = storedPnr;
    }
}

function saveform() {
    var fnamn = document.getElementById('firstname').value;
    var enamn = document.getElementById('lastname').value;
    var pnr = document.getElementById('idnr').value;

    window.sessionStorage.setItem('text1', fnamn);
    window.sessionStorage.setItem('text2', enamn);
    window.sessionStorage.setItem('text3', pnr);
}
EN

Stack Overflow用户

发布于 2016-10-30 20:27:51

您可能不会在表单元素本身上获得load事件。我认为您想要的是将这一行替换为:

代码语言:javascript
运行
复制
document.addEventListener('DOMContentLoaded', loadform, false);

这样,当页面的DOM加载完成后,它将调用loadform方法并从会话存储中提取值。

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40328847

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档