前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS修改input的value值,打印出来还是之前的值的解决办法

JS修改input的value值,打印出来还是之前的值的解决办法

作者头像
德顺
发布2019-11-13 14:06:28
8.9K0
发布2019-11-13 14:06:28
举报
文章被收录于专栏:前端资源

项目中遇到一个问题,使用 JS 修改 input 的值,打印出来还是之前的值,并没有改变。

示例:

代码语言:javascript
复制
<input id="inp" value="1" />

使用 JS 修改 input 的 value 值为 10 ,但是打印出来还是之前的 1 。

代码语言:javascript
复制
var inp = document.getElementById("inp");
inp.value=10;
console.log(inp); // <input id="inp" value="1">

原因是 value 属性赋值只改变了内存中的值,不会自动触发 oninputonchange 事件,但输入框的值却已经变化了。如果想要触发事件,则必须手动触发才行。

如要改变 value 值可使用下面的方法:

代码语言:javascript
复制
inp.setAttribute('value',10);

声明:本文由w3h5原创,转载请注明出处:《JS修改input的value值,打印出来还是之前的值的解决办法》 https://cloud.tencent.com/developer/article/1538115

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档