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

Question

我正在尝试显示 div仅当用户在不同字段中输入一些文本时才使用元素。

文本字段:

<input type="text" id="feedUrl" placeholder="API"

分区:

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>

JaveScript:

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

我遇到的问题是，每当我在 feedUrl 中写入时，Continue div 都不会显示。输入。

我错过了什么吗？

Answer 1

您必须在输入上设置监听器以检测更改。还要修改 ID 选择器，如@bukharim 在 $("#feedUrl") 的注释中提到的那样:

$(document).ready(function(){
  $("#feedUrl").on("input",function(){
    if($(this).val()){
        $('#continue').show(); 
    }
    else{
        $('#continue').hide(); 
    }
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="feedUrl" placeholder="API">


<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>