Javascript 如果textfield值设置为某个值，则显示隐藏的div

我希望这里有人能帮我。 如果textfield设置为值，我想显示隐藏的div标记

我试图自己解决这个问题，但没用，你能帮我吗

提前谢谢

if（document.getElementById（“art”）.value==“test”）{
document.getElementById（“divDetails”）.style.display='block'；
}

这里是隐藏的文本

您所拥有的内容在执行时只会运行一次，您需要检查输入何时更改

document.getElementById("art").addEventListener("input",()=>{
    if(document.getElementById("art").value == "test"){
        document.getElementById("divDetails").style.display='block';
    }
})

---

您所拥有的将只在执行时运行一次，您需要检查输入何时更改

document.getElementById("art").addEventListener("input",()=>{
    if(document.getElementById("art").value == "test"){
        document.getElementById("divDetails").style.display='block';
    }
})

---

您的解决方案有两个问题

首先，在呈现HTML之前运行JavaScript代码，在演示中创建错误

其次，当输入值发生变化时，您实际上应该始终运行JavaScript验证，而您只执行了一次JavaScript验证

请尝试以下方法：

这是隐藏的文本
函数checkDetailsVisibility（）{
if（document.getElementById（“art”）.value==“test”）{
document.getElementById（“divDetails”）.style.display='block'；
}
否则{
document.getElementById（“divDetails”）.style.display='none'；
}
}

您的解决方案有两个问题

首先，在呈现HTML之前运行JavaScript代码，在演示中创建错误

其次，当输入值发生变化时，您实际上应该始终运行JavaScript验证，而您只执行了一次JavaScript验证

请尝试以下方法：

这是隐藏的文本
函数checkDetailsVisibility（）{
if（document.getElementById（“art”）.value==“test”）{
document.getElementById（“divDetails”）.style.display='block'；
}
否则{
document.getElementById（“divDetails”）.style.display='none'；
}
}

此解决方案也非常有效，谢谢您的帮助。此解决方案也非常有效，谢谢您的帮助。