将输入值（由用户键入）动态添加到另一个字段（具有默认值）

Question

我有一个简单的问题，但我无法找到解决方案。

我想要做的是获取一个输入字段的值并将其添加到另一个字段的值中（请注意另一个字段已经有值，所以我要做的就是简单地添加字符串）

以下是我的尝试：

1）Fiddle 1

$('#mobile_username').val($(this).val());

这个忽略了第二个字段的默认值，只是覆盖它（不是我想要的）

2）Fiddle 2

$('#mobile_username').val += ($(this).val());

所以我尝试将第一个字段的值添加到第二个字段，但没有任何反应。

Answer 1

您可以阅读元素的defaultValue并连接字符串：

$('#flat_name').keyup(function () {
    var v = this.value;
    $('#mobile_username').val(function() {
       return this.defaultValue + v;
    });
});

http://jsfiddle.net/x4hTE/

Answer 2

对于那些想要在defaultValue旁边使用其他方式的人来说，这只是另一种解决方案：

var flat = $('#mobile_username').val();

$('#flat_name').keyup(function () {
    var generated = this.value;

    $('#mobile_username').val(flat + generated);
})

Demo