【问题标题】:Set input value with local storage?使用本地存储设置输入值?
【发布时间】:2016-04-09 04:36:36
【问题描述】:

编辑:问题已解决,我将其包围在文档准备功能中

在我的第一页上,我通过本地存储保存数据,这是正确保存的。

localStorage.setItem("firstname", "David");

在我的第二页上,我想将此数据显示到输入字段中,当我在 h1 元素中显示此信息时它可以工作,但我可以让它显示在输入中

document.getElementById("name").innerHTML=localStorage.getItem("firstname");

我的意见:

<input id="name" type="text" name="name"  required="required"/> 

谢谢大家

【问题讨论】:

    标签: jquery html forms local-storage


    【解决方案1】:

    由于这是输入类型,所以 innerHTML 在这里不起作用,只需尝试将 innerHTML 替换为 value

    替换

    document.getElementById("name").innerHTML = localStorage.getItem("firstname");
    

    与

    document.getElementById("name").value = localStorage.getItem("firstname");
    

    或者使用 jQuery 你可以这样做:-

    $('#name').val(localStorage.getItem("firstname"));
    

    【讨论】:

    • 感谢您的回复,我完全迷失了,我尝试了您的示例,但没有成功。我也将脚本移到了底部,但仍然没有运气
    • 如果有任何其他错误,请检查您的浏览器控制台
    • 未捕获的类型错误:无法设置属性“值”为空
    • localStorage.setItem("firstname", "David"); document.getElementById("name").value = localStorage.getItem("firstname");
    • 这意味着没有id为name的元素。你把你的脚本包装在$(document).ready(下吗?
    猜你喜欢
    • 2016-01-12
    • 2019-09-08
    • 2015-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-22
    • 1970-01-01
    相关资源
    最近更新 更多