Question

我创建了这三个文件home.html，test.js和info.html。我想将home.html中的数据传递给info.html。当输入只是一个输入时，它就起作用了，但是当我添加第二个输入时，它就停止了工作。请在下面找到代码

＃Home.html＃

<html>
    <head>
      <title>HOME PAGE</title>
    </head>
    <body>
        <h1>Transfer your name</h1>
        <form action="info.html">
            <input type="text" name="first" id="myname">
            <input type="text" name="last" id="mlname">
            <input type="submit" name="button" id="sender" onclick="passvalue()">
            <script type="text/javascript" src="test.js"></script>
        </form>
    </body>
</html>

info.html

<html>
    <head>
        <title>INFO PAGE</title>
    </head>
    <body>
     
        A:<span id="result"></span>
        B: <span id="last"></span>
   
        <script type="text/javascript" src="test.js"></script>
    </body>
</html>`

test.js

function passvalue(){

    let fname=document.getElementById("myname").value;
    let lname=document.getElementById("mlname").value;

    localStorage.setItem("textvalue",fname);
    localStorage.setItem("namevalue",lname);

    return false;
}
document.getElementById("result").innerHTML=localStorage.getItem("textvalue");
document.getElementById("last").innerHTML=localStorage.getItem("namevalue");

将表单值传递到下一个HTML页面

0 个答案: