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

Question

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

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

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

Чтобы удалить акценты взглянуть на Remove accents/diacritics in a string in JavaScript

Answer 3

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