填充文本框输入的值但返回空/未定义

问题描述

我是 javascript/typescript 的新手，我正在尝试为我的文本输入小部件创建一个浮动标签。如果文本框包含一个值，我想添加一个 CSS 'active' 类以便为我的文本框添加一些样式。

下面是我用于检查文本框是否包含值的代码的一部分。我不明白为什么它会失败。

//Structure texBox input widget
<div class="mx-textBox">
  <label class="control-label"> </label>
  <input class="form-control" value="Best"> 
</div>

//Part of my code for adding an 'active' class to my textBox div
init = () => {
        const floatContainers = document.querySelectorAll('.mx-textBox');
            
        floatContainers.forEach((element: HTMLInputElement) => {
            element.classList.add('floatLabel');
            const inputElement = element.querySelector('input');
            if (inputElement) {
                console.log(inputElement);
                console.log("value for " + inputElement.id + " is " + inputElement.value);
                if (inputElement.value) {
                    element.classList.add('active');
                }
              }  

            this.bindEvents(element);
        });
    }; 

当我检查我的控制台时，我可以看到为我的 texBox 找到了值，但是如果我尝试检查该值，它似乎是空的？ Console where you can see that my input items have a value

有人可以解释我该怎么做或如何正确检查吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）