首页 > 解决方案 > 如何在没有按钮的情况下从本地存储中获取数据到文本字段

问题描述

我在尝试将数组数据从本地存储中获取到文本字段时遇到了一些问题。有人能帮我吗 ?

<body>
    <button id="get">GET</button>
    <input type="text" id="name"/>

<script>
    let dataArray = ["sapi", "kambing", "kelinci"];
    let str2 = JSON.stringify(dataArray)
    window.localStorage.setItem("data_object", str2)
            
    let str = JSON.parse(dataArray)             
    let name = localStorage.getItem('data_object',str);
    document.querySelector('#name').value
</script>

标签: javascriptarraysjson

解决方案


这个如何?

<body>
<button  id="get">GET</button>
<input  type="text"  id="name"  />
</body>
<script>
let  dataArray = ["sapi", "kambing", "kelinci"];
window.localStorage.setItem("data_object", JSON.stringify(dataArray))

document.querySelector("#get").addEventListener("click", () => {
    let  storageArray = JSON.parse(localStorage.getItem("data_object"));
    document.querySelector('#name').value = storageArray;
});
</script>
´´´

推荐阅读