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

我有一个简单的问题，但我想不出解决办法

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

以下是我尝试过的：

(一)

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

(二)

---

因此，我尝试将第一个字段的值添加到第二个字段的值，但没有任何结果。

您可以读取元素的

defaultValue

，并连接字符串：

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

---

对于那些想使用默认值以外的其他方法的人来说，这只是另一个解决方案：

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

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

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

---

从来都不知道

defaultValue

，非常好！第一次看到

defaultValue

+1A是个不错的选择。事实上，我想我会用您的方法替换我的代码

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

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

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

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