如何使用JavaScript从表单中收集数据并将其存储在变量中？

发布于 2025-02-04 08:31:31 字数 460 浏览 1 评论 0原文

嘿，可以说我有一个这样的简单表格：

<form>
<label for="name">Enter name:</label>
<input type="text" id="name">
<label for="surname">Enter surname:</label>
<input type="text" id="surname">
<label for="number">Phone number:</label>
<input type="text" id="number">
</form>

在JavaScript中，我没有一个方法来获得一个值并将其存储在QuerySelectors中，而是可以选择整个表单并获取其输入值？此外，我如何将它们存储在变量中，以便以后可以使用它们？例如，一一打印它们。

原文

Hey lets say i have a simple form like this:

<form>
<label for="name">Enter name:</label>
<input type="text" id="name">
<label for="surname">Enter surname:</label>
<input type="text" id="surname">
<label for="number">Phone number:</label>
<input type="text" id="number">
</form>

and in javascript, instead of getting values one by one and storing them with queryselectors, is there a way i can select the whole form and get its input values? also after that how can i store them in variables so i can use them later? for example, print them one by one.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

茶花眉 2025-02-11 08:31:33

Bobi。您可以使用JavaScript FormData（）方法。

var formData = new FormData(document.querySelector('form'))

请检查此文档。
https：// https://developer.mozilla.org/en-us/en-en-us/文档/Web/api/formdata/formdata

希望这会有所帮助。愉快的编码〜:)

Bobi. You may use javascript FormData() method.

var formData = new FormData(document.querySelector('form'))

Please check this document.
https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData

Hope this helps. Happy coding~ :)

回复收藏 0 原文

椵侞 2025-02-11 08:31:33

您可以使用 formdata> formdata ：

let myForm = document.getElementById('myForm');
let formData = new FormData(myForm);
console.log(formData.entries());

<form id="myForm">
  <label for="name">Enter name:</label>
  <input type="text" id="name">
  <label for="surname">Enter surname:</label>
  <input type="text" id="surname">
  <label for="number">Phone number:</label>
  <input type="text" id="number">
</form>

You can use FormData:

let myForm = document.getElementById('myForm');
let formData = new FormData(myForm);
console.log(formData.entries());

<form id="myForm">
  <label for="name">Enter name:</label>
  <input type="text" id="name">
  <label for="surname">Enter surname:</label>
  <input type="text" id="surname">
  <label for="number">Phone number:</label>
  <input type="text" id="number">
</form>

回复收藏 0 原文

~没有更多了~