首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何等待输入被填充到html页面,然后在javascript中将其值打印到控制台?

如何等待输入被填充到html页面,然后在javascript中将其值打印到控制台?
EN

Stack Overflow用户
提问于 2018-07-20 08:34:55
回答 2查看 568关注 0票数 0

我有一个带有输入字段的HTML页面

有人在其中输入了一些文本

他们点击一个按钮

我希望在他们使用一些JS代码(客户端)单击按钮之后获取输入字段的值,然后将其打印到控制台/将其保存到文件。

我该怎么做呢?我已经找过了,但我根本找不到这样的东西:/

谢谢!:)

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-20 08:43:39

这个例子应该可以帮助你实现你的目标。

代码语言:javascript
复制
const inputNode = document.getElementById('input');
const buttonNode = document.getElementById('button');

buttonNode.addEventListener('click', () => {
  const inputValue = inputNode.value;
  
  // do what ever you wan't
});
代码语言:javascript
复制
<input id="input" type="text" />
<button id="button">Click</button>

票数 1
EN

Stack Overflow用户

发布于 2021-07-13 16:45:08

试试这个:

代码语言:javascript
复制
// This function is called by the HTML code onclick on the button
var get_content_of_input = function(){
    var user_input = document.getElementById("text_field").value;
    // Now you can use the variable user_input containing the text
}
代码语言:javascript
复制
<input id="text_field">Please enter Text</input>
<button id="button" onclick="get_content_of_input()">Click here to sumbit</button>

文本字段的内容现在将保存在变量"user_input“中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51433539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档