JavaScript-js获取不到表单内填写的值是怎么回事???有简短代码
下面代码,点击提交按钮后,控制台输出文本框内输入的内容
但我点击后,返回的是文本框内的默认值,自己填写的没返回。
怎么回事?不明白,求解答
<!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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这种情况下,取textarea标签的值要用value,而不是innerHTML
刚才亲测,用value就ok了。
原因分析:
innerHTML获取的是目标区间内的html代码,虽然你改变了textarea内的数据,可查看源代码就会发现,源代码里的数据并没有改变,依然是ceshi,所以获取到的innerHTML数据就是ceshi。