js获取formdata的值
时间: 2023-09-28 09:07:47 浏览: 47
可以使用JavaScript中的FormData对象来获取表单中的数据。
下面是一个简单示例:
```html
<form id="myForm">
<label>姓名:</label>
<input type="text" name="name">
<br>
<label>年龄:</label>
<input type="text" name="age">
<br>
<button type="button" onclick="submitForm()">提交</button>
</form>
```
```javascript
function submitForm() {
var formData = new FormData(document.getElementById('myForm'));
console.log(formData.get('name')); // 输出姓名输入框的值
console.log(formData.get('age')); // 输出年龄输入框的值
}
```
在上面的示例中,我们通过`new FormData()`来创建一个FormData对象,并将表单元素传递给它。然后,我们可以使用`get()`方法来获取指定表单元素的值。
相关问题
js 获取form 构建formdata
可以使用以下代码获取form并构建formData:
```javascript
var form = document.getElementById('myForm');
var formData = new FormData(form);
```
其中,`myForm` 为需要获取的form的id。
如果需要手动构建formData,可以使用以下代码:
```javascript
var formData = new FormData();
formData.append('name', '张三');
formData.append('age', 20);
```
其中,`name` 和 `age` 为需要添加的表单字段名,`张三` 和 `20` 为对应的值。可以根据实际情况添加需要的表单字段。
js 获取表单所有的值
你可以使用 JavaScript 中的 `FormData` 对象来获取表单中的所有值。
例如,假设你有一个表单:
```html
<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="checkbox" name="subscribe" checked>
<button type="submit">Submit</button>
</form>
```
然后,你可以使用以下代码来获取表单中所有输入元素的值:
```javascript
const form = document.getElementById('myForm');
const formData = new FormData(form);
for (let [name, value] of formData.entries()) {
console.log(`${name} = ${value}`);
}
```
这将输出:
```
name = John
email = john@example.com
subscribe = on
```
在上面的示例中,`FormData` 构造函数使用了表单元素的引用。然后, `entries()` 方法提供了一个可迭代对象,其中包含了表单中所有输入元素的键值对。你可以使用 `for...of` 循环来遍历这个可迭代对象,并获取每个输入元素的名称和值。