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，keydown，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');
            }
        });
    });

Jquery在填充文本框时显示其他输入

2 个答案: