Автоматическое заполнение текстового поля на основе другого текстового поля (jQuery)

Question

Я пытаюсь автоматически заполнить текстовое поле на основе значения другого поля ввода.

Разница между другими вопросами, сделанными в переполнении стека, составляет:

• Язык сценариев PHP или JavaScript.
• Заполняемое автоматически поле должно быть без акцентов (áéíóúñ), все символы должны быть в нижнем регистре и разделены тире.

Как показано на этой картинке:

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(''));
    });
});

Answer 2

$('#titulo-alias').val( $('#titulo').val().toLowerCase().replace(' ', '-').replace('á', 'a').replace('é', 'e').replace('í', 'i').replace('ó', 'o').replace('ú', 'u').replace('ñ', 'n') );

Answer 3

$('#titulo-alias').val( $('#titulo').val().toLowerCase().replace(' ', '-') );

Чтобы удалить акценты, взгляните на Удалите акценты / диакритические знаки в строке в JavaScript