1. 首页
  2. 问题列表
  3. 用JavaScript获取HTML表单数据
提问者：小点点

用JavaScript获取HTML表单数据


下面的代码是一个HTML表单，我想要做的是从该表单中获取输入，将其保存到会话存储，并能够跨页传输。

我知道通常如何这样做，但特别是对于HTML表单，这对我不起作用。

因此，如果一个用户在Conor中输入一个用户名，我希望该用户名保存到会话存储中，这样我就可以获得该用户名并在另一个页面上使用它

当我尝试从会话存储获取该输入时，它当前没有获取该输入，并且它什么也不做。

所以如果有人能向我解释一下我在获取这个表单输入时做错了什么，并给出一个修正，那将是很好的。

如果需要，我会迅速回答问题

到上次编辑时仍不工作将说明代码何时工作

<html>
<head>

     <script type=text/javascript>
  function send(){
       var name = document.getElementById('Name').value ;
       var Fname = document.getElementById('Fname').value;
        
        sessionStorage.setItem('Name',name);
        sessionStorage.setItem('fName',Fname);

  return true;
  }
    </script>
    
</head>
<body>

        <div class="wrapper">
            <h1>Game Options</h1>

                <div class="top">
                    <label id='Name'>What's your name?</label>
                    <input type="text" id="Name" placeholder="Please enter a user name" name="name" /><br />
                    <div class="content content1">
                        <i></i>
                        <p class="W">Usernames must contain uppercase letters</p>
                    </div>
                </div>

                <div class="top">
                    <label id="fName">What's your friend's name?</label>
                    <input type="text" id="fName" placeholder="Please enter a user name" name="name" /><br />
                    <div class="content content2">
                        <i></i>
                        <p class="W">Usernames must contain uppercase letters</p>
                    </div>
                </div>

                <div class="top">
                    <label for="mode">What's your favourite drink?</label>
                        <select id="Mode">
                            <option>Please select game difficulty</option>
                            <option value="simple">Simple</option>
                            <option value="Common">Common</option>
                            <option value="Difficult">Difficult</option>
                        </select>
                    
                    
                </div>
               <a href="check.html" onclick=" return send();">Begin</a>
            
        </div>
    
</body>
</html>

共1个答案

匿名用户

请仔细查看您的代码。您多次使用相同的名称idname&fname。此外，您的代码中也存在许多问题。

类和id的区别：类名可以由多个HTML元素使用，而id名只能由页面中的一个HTML元素使用：

以下是更新后的代码：

访问查看现场演示：Codepen

相关问题