Javascript 当用户在不同字段中输入文本时显示div元素

我试图仅当用户在不同字段中输入一些文本时才显示

div

元素

文本字段：

div class="col-xs-12 text-left" id="continue" style="display: none;">
    <a class="btn btn-secondary" style="margin-top:30px;" id='continueNewFeed'>
        Continue
    </a>
</div>

if($('feedUrl').val()){
    $('#continue').show(); 
}

$('#feedUrl')

---

绑定事件
输入
以捕获该输入字段中的更改并检查输入的值

改用此选择器：

div class="col-xs-12 text-left" id="continue" style="display: none;">
    <a class="btn btn-secondary" style="margin-top:30px;" id='continueNewFeed'>
        Continue
    </a>
</div>

if($('feedUrl').val()){
    $('#continue').show(); 
}

$('#feedUrl')


var$feedUrl=$（“#feedUrl”）
$feedUrl.on（'input'，function（）{
var$continue=$（“#continue”）；
if（$（this.val（））$continue.show（）；
else$continue.hide（）；
});

继续
绑定事件
输入
以捕获该输入字段中的更改并检查输入的值

改用此选择器：

div class="col-xs-12 text-left" id="continue" style="display: none;">
    <a class="btn btn-secondary" style="margin-top:30px;" id='continueNewFeed'>
        Continue
    </a>
</div>

if($('feedUrl').val()){
    $('#continue').show(); 
}

$('#feedUrl')


var$feedUrl=$（“#feedUrl”）
$feedUrl.on（'input'，function（）{
var$continue=$（“#continue”）；
if（$（this.val（））$continue.show（）；
else$continue.hide（）；
});

继续
您必须在输入上设置侦听器以检测更改。同时修改ID选择器，如注释中提到的@bukharim，
$（“#feedUrl”）
：


$（文档）.ready（函数（）{
$（“#feedUrl”）。在（“输入”，函数（）上）{
if（$（this.val（））{
$（“#继续”）.show（）；
}
否则{
$（“#继续”）.hide（）；
}
})
})

继续
您必须在输入上设置侦听器以检测更改。同时修改ID选择器，如注释中提到的@bukharim，
$（“#feedUrl”）
：


$（文档）.ready（函数（）{
$（“#feedUrl”）。在（“输入”，函数（）上）{
if（$（this.val（））{
$（“#继续”）.show（）；
}
否则{
$（“#继续”）.hide（）；
}
})
})

继续
您的选择器错误。使用
$（'#feedUrl'）
。您在输入上有任何侦听器来检测更改吗？@AliSheikhpour我实际上没有。您的选择器是错误的。使用
$（'#feedUrl'）
。您在输入上有任何侦听器来检测更改吗？@AliSheikhpour我实际上没有。。事件
input
捕获更改、键控等，因此您不需要绑定所有这些内容。是的，它可以工作。谢谢有没有办法在用户删除输入时将其恢复为隐藏状态？我已经更新了答案以覆盖您最近的评论。事件
input
捕获更改、键控等，因此您不需要绑定所有内容。是的，它可以工作。谢谢我有什么办法可以在用户删除输入时将其恢复为隐藏？我已经更新了答案以覆盖您最近的评论。