基于另一个文本字段（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') );