时间戳

首页 > 解决方案 > 隐藏按钮将在输入值文本后立即显示，无需按任何按钮

javascript - 隐藏按钮将在输入值文本后立即显示，无需按任何按钮

问题描述

我想做那样的东西。隐藏按钮将在输入值文本后立即显示，无需按任何按钮。

我的意思是，如果有人键入Hazrat Shahjalal International Airport, Dhaka (DAC)，该按钮将可见。如果我在输入中键入值，则以下代码有效，然后在浏览器的控制台中运行代码。

几天前我刚开始使用 javaScript。任何帮助将不胜感激。

if (document.getElementById("fromAirport").value == "Hazrat Shahjalal International Airport, Dhaka (DAC)") {
        document.getElementById("SearchBtn").style.display = 'block';}

标签： javascriptjquery

解决方案

您可以通过使用addEventListener和输入事件来做到这一点

var inp = document.getElementById("fromAirport");
inp.addEventListener('input', function (){
if(inp.value === 'Hazrat Shahjalal International Airport, Dhaka (DAC)'){
   document.getElementById("SearchBtn").style.display = 'block';
}
});
<input type='text' id='fromAirport'>
<button id='SearchBtn' style='display:none;'>aaaa</button>

推荐阅读