如何填写第一个textarea时,如何制作第二个textarea

时间:2016-03-28 17:53:59

标签: php jquery html

我希望仅在desg textarea填充后才能根据需要制作name 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>

1 个答案:

答案 0 :(得分:1)

#name的关键字事件中检查它的值。如果值存在,则将required属性添加到#desg,否则删除。

&#13;
&#13;
$('#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);
});
&#13;
<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>
&#13;
&#13;
&#13;