获取键入的值并在提示框弹出

来源：1-2 jQuery选择器实验室

jia_蛙

2019-11-13 11:22:48

刚才测试的时候我想获取一下输入框输入的值然后弹出来，之后发现如果:var a=document.getElementById('txtSelector').value;
写在单击事件外面的话，弹出的一直是空，只有再单击事件里面才能获取到值弹出显示。
可能是有点忘记之前的内容了，我再单击按钮之前已将输入了文本，不应该能获取到值吗？
这是什么原因呀？

写回答

2回答

好帮手慕酷酷

2019-11-13

同学你好，同学的理解是正确的，这里没有获取输入的值的原因是，在进行加载页面时，获取文本框的值为空，所以在进行点击事件时，弹出的提示框就为空。

建议同学可以在执行点击事件时，再获取文本框的值，弹出的提示框就是输入文本框的值了。

具体如下：

效果图如下：

建议同学对于之前学的知识，要常常复习，温故知新。建议同学不要着急，比照课程目录，将自己薄弱的地方多看几遍，可以挑重点，快进等等。不要跳步贪多，夯实基础，一步一个脚印反而是进步最快的！学习过程中，可以先看一遍视频，然后第二遍跟着老师写代码，第三遍再看一下，查漏补缺。代码一定要多写，这样才能牢固掌握知识。

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

jia_蛙

提问者

2019-11-13

是因为页面再加载的时候是从上到下加载，当加载到var a=document.getElementById('txtSelector').value;
这个时候，我们还没有对页面中的input框进行键入值，所以这个时候获取到的是空值。是这样吗？
有点久回过头来看js有点生?

0 学习 · 9666 问题

查看课程

相似问题

回答 3

为什么load事件不能正常运行呢，浏览器控制台也没有错误提醒

回答 1

如何分别获取json中的key值和value值，

回答 1

js读取json文件，并转化成变量

回答 1

输入后不显示

回答 1

打开慕课网App查看更多内容