javascript - 关于JS:使用一个变量存储input.value 的值,为什么该变量取不到值?
PHP中文网
PHP中文网 2017-04-11 13:07:38
[JavaScript讨论组]

代码如下:



以上代码并不能取值,结果如图:

图:弹出的对话框一片空白,什么都没有。

不知道为什么传不了图,唉,诸事不顺啊!

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(4)
PHP中文网

取不到值的原因是你还没有输入值你的代码

var name = txt.value;

就已经执行了,所以取值为空。这样即可:

var txt = document.getElementById("input");   

txt.onchange = function(){  //觉得用onchange更好,onblur也可以的
    var name = txt.value;  //取值要在监听事件之后,不然在之前取值就为空
    alert(name);
}

哈哈,诸事不顺,学会调试吧,会顺很多。放到浏览器,打开chrome开发者工具,对js代码打断点,进行调试,查看你取的值,你就会发现问题。发现问题解决问题,自己发现答案比别人告诉答案更惊喜。而调试会给你惊喜。

伊谢尔伦

你的脚本在网页载入的时候就已经执行了,这个时候你的输入框还没有输入值,自然取到的就是空

怪我咯

在加载这个代码的时候,你还没有输入值,当然输出什么都没有啦

怪我咯

代码时序逻辑不对,错在取值在赋值之前。

<input type="text" id="input"/>
<script>
var txt = document.getElementById("input");
    txt.onblur = function(){
    var name = txt.value;
        alert(name);
    }
</script>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号