如何获取 JavaScript 中文本类型输入中的值？

Question

 var data = document.getElementById('myFieldId'); console.log(data.value);

 <.DOCTYPE html> <html> <head> </head> <body> <input type="text" id="myFieldId"/> <script src="main.js"></script> </body> </html>

我希望当我在输入中写任何文本时，它会打印相应的文本。 但我在控制台中没有得到任何东西。 我应该怎么办？

Answer 1

您需要添加一个在有人输入文本时立即执行的事件侦听器。

没有将变量绑定到文本输入这样的事情； 这需要自己实现。

看这个例子：

 const data = document.getElementById('myFieldId'); data.addEventListener( 'input', // first argument is the name of the event you want to react to // second argument is the function that should execute when the event occurs function(inputEvent) { console.log(data.value); } );

 <input type="text" id="myFieldId"/>

Answer 2

您的代码从加载页面开始，所以是空的，我添加了一个onchange事件，所以当您完成编写console.log时将 output 值。

 var data = document.getElementById('myFieldId'); data.onchange = function() { console.log(this.value); };

 <.DOCTYPE html> <html> <head> </head> <body> <input type="text" id="myFieldId"/> <script src="main.js"></script> </body> </html>

如何获取 JavaScript 中文本类型输入中的值？

问题描述

2 个解决方案

解决方案1
0 已采纳 2021-03-08 15:25:46

解决方案2
-1 2021-03-08 14:32:58

如何获取 JavaScript 中文本类型输入中的值？

问题描述

2 个解决方案

解决方案1 0 已采纳 2021-03-08 15:25:46

解决方案2 -1 2021-03-08 14:32:58

解决方案1
0 已采纳 2021-03-08 15:25:46

解决方案2
-1 2021-03-08 14:32:58