用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
-
问题内容： 如何获得HTML表单的值以传递给JavaScript？ 它是否正确？我的脚本有两个参数，一个来自文本框，一个来自下拉框。 问题答案： HTML： JS：
-
问题内容： 是否有一种简单的单行方式来获取表单数据，就像以经典的纯HTML方式提交那样？ 例如： 输出： 这样的事情太简单了，因为它不（正确地）不包含文本区域，选择，单选按钮和复选框： 问题答案： $(‘form’).serialize() //this produces: “foo=1&bar=xxx&this=hi”
-
问题内容： 我有一个XML文档，其中包含具有格式正确的HTML内容的标签。我需要使用JavaScript将HTML导入页面。但是，由于CMS问题，HTML不能使用<！[CDATA []]>或其他任何符号进行转义，并且<>必须存在，而不是编码为＆lt;。＆gt; 我使用jQuery来获取XML，并将子菜单放入数组中。我可以通过以下方式获取文字： 但是，这仅返回“ Hello World Lorem
-
我正在尝试从表中提取特定的信息，基于哪个单元格被单击。到目前为止，我已经创建了一个可以在单击时工作的函数。问题是它总是返回第一个单元格行的值。 HTML： 如您所见，我尝试了和来启用提取槽ID。这是单击时调用的函数。 和总是从表的第一行返回值，即使我单击第二行、第三行、第四行等。 我如何声明我想要的信息不仅来自第一个，而且来自我单击的行。提前谢谢！
-
问题内容： 我需要获取网页中元素的实际html代码。 例如，如果元素中的实际html代码是 运行此javascript getElementById（’myE’）。innerHTML 给我，这是解码后的形式 如何使用javascript？ 问题答案： 您所拥有的应该工作： 元素测试： JavaScript测试： 确保无论您在哪里 _使用_结果都不会显示为空格，这种情况很可能会出现。如果要将其显示在
-
问题内容： 我的函数中有一个简单的表单，如下所示： 我应该在访问和字段中写些什么？ 问题答案： 使用输入上的事件来更新组件的状态并在以下位置访问它： 工作提琴。 另外，阅读文档，有一整节专门讨论表单处理：表单 以前，您还可以使用React的双向数据绑定帮助器mixin来实现相同的功能，但是现在不建议使用它来设置值和更改处理程序（如上所述）： 文档在这里：双向绑定帮助器。