首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在被复选框更改后,查找带有addEventListener的输入的值。

在被复选框更改后,查找带有addEventListener的输入的值。
EN

Stack Overflow用户
提问于 2022-11-19 19:01:03
回答 4查看 32关注 0票数 0

我试图使用eventListener检查输入框(type="number")中的输入:

代码语言:javascript
复制
aE.addEventListener("input", (e) => {
  console.log(aE.value);
}

但是,我真正需要的是eventListener来获取输入框中value中的任何更改。这个特定的输入框有一个选择,用户可以在其中选择几个常量的数值选项之一。但是,当前的eventListener方法不会从该选择中提取值的变化。

当输入框发生变化时,获得输入框值的正确语法是什么?

EN

回答 4

Stack Overflow用户

发布于 2022-11-19 19:13:42

我不确定输入监听器是否做了你想要的

试着使用change \_ keypress _~

票数 0
EN

Stack Overflow用户

发布于 2022-11-19 19:16:00

您可以使用change事件来获取值。

代码语言:javascript
复制
selectEl.addEventListener("change", (e) => {
  console.log(e.target.value);
}); 

在codepen上试试这个例子

票数 0
EN

Stack Overflow用户

发布于 2022-11-19 19:17:58

假设aE是由一些较早的代码定义的,以便从querySelector解析。

您可能希望侦听更改事件,因为它来自select输入。另外,您需要添加target来获取内部值并返回事件,而不是元素。

代码语言:javascript
复制
const aE = document.getElementById('idOfAe');
 
aE.addEventListener("change", (e) => {
  console.log(e.target.value)
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74502816

复制
相关文章

相似问题

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