javascript - new FormData不能获取表单内的值。

查看:154
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆