Fill in second input when typing in first

Question

I have an html form with SOCIAL REASON and FANTASY NAME, so I wanted that when typed in the field "Social Reason" the field "Fantasy Name" was filled automatically with the same value. Thanks in advance for the help.

Answer 1

You can do this with jquery using something like this:

$(document).on('keyup', '#razao-social', function() {
    $('#nome-fantasia').val($(this).val());
});

Answer 2

$(document).ready(function() {
    $('#ID_CONTROLE_RAZAO_SOCIAL').on('keyup', function() {
        $('#ID_CONTROLE_NOME_FANTASIA').val($(this).val());
    });
});

Put this snippet of code in any Script tag, and preferably before the end of the Body tag, remembering to replace the controls ID’s name.