javascript - new FormData不能获取表单内的值。
本文介绍了javascript - new FormData不能获取表单内的值。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title> </title>
<script type="text/javascript">
window.onload = function(){
var oBtn = document.getElementById('jsSub');
oBtn.onclick = function(){
var form = new FormData(document.getElementById('fs'));
console.log(form.get('account')); // null 没取到表单里的值
form.append('amount','10');
console.log(form.get('amount')); // 10 append值成功
}
}
</script>
</head>
<body>
<p>FormData测试</p><br/>
<from id="fs" >
<input type="text" name="account" />
<input type="submit" value="提交" id="jsSub" />
</from>
</body>
FormData不能取到表单内的值,是什么原因。
解决方案
搞了半天,我还以为是啥兼容性或者啥奇怪的bug
结果!在我认真的看了一下题主的代码后惊呆了。
大兄弟,你代码from
拼错了啊!!!是form
啊。。你穿进去了一个普通dom,不是form表单啊。
这篇关于javascript - new FormData不能获取表单内的值。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文