明確なテキストボックスにのみ、我々は、私は、テキストボックス</p> <p>に何かを入力すると、それはクリアテキストを表示didntはなぜテキスト を入力した場合、私は明確なテキストボックスを示すしようとしている

Question

を動作しませ

それを修正するためにどのように任意の提案があります

$(document).ready(function(){ 
 
    if($('.txt-input').val().length === 0){ 
 
    $('.erase').hide(); 
 
    } 
 
    else{ 
 
    $('.erase').show(); 
 
    }; 
 
    
 
    $(".erase").click(function(){ 
 
    $('.txt-input').val(''); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" class="txt-input"/> 
 
</form> 
 
<p class="erase">clear</p>

Answer 1

あなたは、入力フィールドの変化を聞くために、リスナーを作成する必要があります。

$(document).ready(function(){ 
    $('.txt-input').on('keyup', function(){ 
    if($(this).val().length === 0){ 
     $('.erase').hide(); 
    }else{ 
     $('.erase').show(); 
    } 
    }); 

    $(".erase").click(function(){ 
    $('.txt-input').val(''); 
    }); 
});