Question

I am trying to auto-populate a text field based on the value of another input field.

The difference between other questions made in Stack Overflow, is:

• PHP or JavaScript scripting language.
• The auto populated field should be without accents (áéíóúñ), all characters must be in lowercase and separated with dashes.

As showed in this picture:

Answer 1

$(document).on('ready', function(){
    $('#titulo').keyup(function() {
        var replacements = {"á":"a", "é":"e", "í":"i", "ó":"o", "ú":"u", "ñ":"n", " ":"-"};
        val = $('#titulo').val().toLowerCase().split('');
        $.each(val, function(i,e){val[i] = replacements[e] ? replacements[e] : e;});
        $('#titulo-alias').val(val.join(''));
    });
});