JavaScript-js获取不到表单内填写的值是怎么回事???有简短代码

发布于 2017-02-02 22:37:09 字数 613 浏览 1200 评论 1

下面代码,点击提交按钮后,控制台输出文本框内输入的内容

但我点击后,返回的是文本框内的默认值,自己填写的没返回。

怎么回事?不明白,求解答

<!doctype html>
<meta charset="utf-8">
<form action="" method="POST" id="biaodan">
<textarea name="title" id="title">ceshi</textarea><br>
<input type="button" id="anniu" value="提交">
</form>
<script>
var y = document.getElementById('anniu');
y.onclick = function(){
//问题:js获取不到表单点击提交后的值,只能获取默认值,获取不到自己填写后的值
var x = document.getElementById('title');
console.log(x.innerHTML);
}
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜柠檬 2017-06-13 16:11:20

这种情况下,取textarea标签的值要用value,而不是innerHTML
刚才亲测,用value就ok了。

原因分析:
innerHTML获取的是目标区间内的html代码,虽然你改变了textarea内的数据,可查看源代码就会发现,源代码里的数据并没有改变,依然是ceshi,所以获取到的innerHTML数据就是ceshi。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文