document.form获取表单中填写的所有信息
时间: 2024-09-21 22:04:46 浏览: 40
js获取form表单所有数据的简单方法
`document.forms` 是JavaScript中用于访问HTML文档中所有 `<form>` 元素的一个集合。当你通过 `document.forms` 获得这个集合后,你可以通过索引或者变量名来访问特定的表单元素。例如,如果你有一个id为 "myForm" 的表单,你可以这样做:
```javascript
var form = document.forms["myForm"];
```
然后,你可以通过 `form.elements` 或者 `.getElementByName()`, `.getElementsByClassName()`, `.getElementsByTagName()` 等方法来进一步获取表单内的输入字段、按钮、选择框等元素,并读取它们的值。比如获取文本输入框的值:
```javascript
var inputVal = form.elements["inputName"].value;
```
如果你想获取整个表单的所有数据,可以遍历表单的各个元素:
```javascript
for (var i = 0; i < form.length; i++) {
var element = form[i];
if (element.name && !element.disabled) { // 过滤掉非名称元素和禁用的元素
console.log(element.name + ": " + element.value);
}
}
```
阅读全文