javascript - session 存储检索数据

Question

我想正确调用SessionStorage中的数据。当我从 JavaScript 调用它时，它只显示两个值(idno、fname)但不显示 lname。

function display(){
    var display_data = document.getElementById('display_data');
    display_data.innerHTML="";
    for(var i = 0; i < sessionStorage.length; i++){
        var a = sessionStorage.key(i);
        var b = sessionStorage.getItem(a);
        var c = sessionStorage.getItem(a);

        display_data.innerHTML +="<tr><td>"+a+"</td><td>"+b+"</td><td>"+c+"</td></tr>";
    }
}

function save(){
    var idno = document.getElementById("idno").value;
    var fname = document.getElementById("fname").value;
    var lname = document.getElementById("lname").value;
    sessionStorage.setItem(idno,fname,lname);
    display();
    idno.value="";
    fname.value="";
    lname.value="";
}

这是 HTML 表单:

<form>
    <p>Idno:<br><input type="number" id="idno" /></p>
    <p>First Name:<br><input type="text" id="fname" /></p>
    <p>Last Name:<br><input type="text" id="lname" /></p>
    <p><input type="submit" id="button" value="Submit!" /></p>
</form>

Answer 1

在 save() 中，您应该将 sessionStorage.setItem(idno,fname,lname); 替换为以下内容

sessionStorage.setItem("idno", idno);
sessionStorage.setItem("fname", idno);
sessionStorage.setItem("fname", idno);

由于 sessionStorage.setItem 接受两个参数(如评论中提到的@ste2425)，第一个是键，第二个是值。 key 可以是任意字符串，所以我直接把变量名作为key。您可以将其设置为任何值。