最初のテキストエリアが満たされている場合にのみ、第2テキストエリアを作成する方法

Question

nameテキストエリアが埋め込まれている場合のみ、必要に応じてdesgテキストエリアを作成します。

<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

#nameのkeyupイベントでは、値をチェックします。値が存在する場合は、属性を#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>