jQueryのSHOWテキストボックスが

Question

を満たされている他の入力にはどうすればテキスト#f_past_farmacoを充填ます入力#f_past_dataを表示することができますか？

#f_past_farmacoはテキスト入力です。

私はこれを試しましたが動作しません。

$('label[for=f_past_data], input#f_past_data').hide(); // hiding label 

$("select#f_past_farmaco").change(function(){ 
    $(this).find("value").each(function(){ 
     if($(this).attr("value")!==""){ 
      $('label[for=f_past_data], input#f_past_data').fadeIn(); 
      $('#f_past_data').css('display','block'); 

     } 
     else{ 
      $('label[for=f_past_data], input#f_past_data').fadeOut(); 
      $('#f_past_data').css('display','none'); 
     } 
    }); 
}).change(); 

HTML

<label for="f_past_farmaco">Farmaco </label>   
<input type="text" id="f_past_farmaco" name="f_past_farmaco" value="" class="form-control"> 
<label for="f_past_data">Data </label> 
<input type="date" id="f_past_data" name="f_past_data" value="2017-02-19" class="form-control"> 

Answer 1

changeイベントはフィールドのみとチェックボックスを選択するために適用される、あなたはkeyup、​​を使用する必要があり、keypress、この

$(document).on('keyup',"#field1",function(){ 
 
    var val = $(this).val(); 
 
    if(val.length == 0) 
 
    { 
 
      $("#field2").hide(); 
 
    } 
 
    else 
 
    { 
 
      $("#field2").show(); 
 
    } 
 
})

#field2{ 
 
display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <input type="text" id="field1"/> 
 
    <input type="text" id="field2"/> 
 
</div>

Answer 2

を試してみてください

前：ドキュメントから任意の重複したIDを削除してから、このコードを試してみてください...

$(document).on('keyup click keypress keydown','#f_past_farmaco',function(){ 
     $(this).find("value").each(function(){ 
      if($(this).attr("value")!==""){ 
       $('label[for=f_past_data], #f_past_data').fadeIn(); 
       $('#f_past_data').css('display','block'); 

      }else{ 
       $('label[for=f_past_data], #f_past_data').fadeOut(); 
       $('#f_past_data').css('display','none'); 
      } 
     }); 
    });