動態添加輸入值（由用戶鍵入）到另一個字段（它有默認值）

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