根据另一个文本字段自动填充文本字段 (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(' ', '-') );

要删除重音符号，请使用查看删除字符串中的重音符号/变音符号JavaScript

Answer 3

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