将表单数据存储到JavaScript变量中

Question

对于JavaScript，我是个新手。我正在尝试使用不同的教程并制作自己的简单示例以更好地理解它。今天的学习内容是如何通过函数传递参数。我的想法是让用户填写一个表单，将这些答案提交到JavaScript中的变量，然后通过“onClick”事件调用一个函数，该函数将显示所有输入到表单中的数据。

首先，我希望这有意义。其次，我希望这是正确使用JavaScript的方式。实际上，我只是想更好地了解如何传递参数。

请问是否有任何资源或指导我在此小项目中的入门之处。

- Richlewis

---

非常感谢您提供的所有答案，真的很感激。 - Richlewis

Answer 1

var data = document.getElementById('id').value;

请查看： JavaScript变量

- AboQutiesh

Answer 2

表单元素包括select，input和textarea。

在表单上添加一个提交事件处理程序，它执行以下操作：

使用document.getElementsByTagName方法，您可以获取表单中所有此类元素的数组。

所有这些元素都有一个value属性，该属性将返回其中的当前值。使用此属性，您可以在提交表单时创建包含当前数据的字符串。

- sv_in

Answer 3

为了从具有唯一ID的文本框/文本区域/下拉列表中获取值，您可以使用：

document.getElementBtId("IDOFTHECONTROL").value

如果输入是DIV/SPAN，请使用innerHTML。

   document.getElementBtId("IDOFTHECONTROL").innerHTML

- Developer

Answer 4

最简单的方法：

var javascriptvar = document.getElementById('CONTROL_ID').value;

- Vishal Suthar