如何仅在第一个textarea填充时才需要第二个textarea

Question

只有在name textarea填充后，我才需要根据需要制作desg textarea。

<textarea class="form-control" rows="5" id="name" name="name" onkeyUp="document.getElementById('ref15').innerHTML = this.value"></textarea> 

<textarea class="form-control" rows="5" id="desg" name="desg" onkeyUp="document.getElementById('ref16').innerHTML = this.value"></textarea> 

Answer 1

在keyup事件#name检查它的值。如果存在值，则将required属性添加到#desg否则删除。

$('#name').keyup(function() { 
 
    $('#ref15').html(this.value); 
 

 
    var desg = $('#desg'); 
 

 
    if (this.value.trim()) { 
 
     desg.attr('required', 'required'); 
 
    } else { 
 
     desg.removeAttr('required'); 
 
    } 
 
}); 
 

 
$('#desg').keyup(function() { 
 
    $('#ref16').html(this.value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea class="form-control" rows="5" id="name" name="name"></textarea> 
 
<textarea class="form-control" rows="5" id="desg" name="desg"></textarea>