利用JS如何获取form表单数据
时间: 2024-05-13 07:20:08 浏览: 58
js获取form表单
可以使用JavaScript的DOM API来获取表单数据。可以使用document.getElementById()函数获取表单元素,然后使用value属性来获取用户输入的值。
示例代码如下:
```javascript
// 获取表单元素
var form = document.getElementById('myForm');
// 获取输入框的值
var name = form.elements['name'].value;
var email = form.elements['email'].value;
// 获取多选框的值
var hobbies = [];
var checkboxes = form.elements['hobbies'];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
hobbies.push(checkboxes[i].value);
}
}
// 获取单选框的值
var gender = form.elements['gender'].value;
// 获取下拉列表的值
var city = form.elements['city'].value;
// 获取文本框的值
var message = form.elements['message'].value;
```
阅读全文