使用jQuery填充來自兩個其他字段的值的字段

Question

我想用用戶輸入到「名字」和「姓氏」字段中自動填充「全名」字段，因此如果他們鍵入'約翰'和'史密斯'放入名字和姓氏字段中，'全名'字段將動態填入'約翰史密斯'。

我不是很擅長jQuery，因此在搜索其他示例後，只設法使用'First Name'填充字段。

我目前的代碼是在下面，任何幫助，將不勝感激。

<script> 
$(document).ready(function(){ 
    $('#first_name').keyup(function() { 
     $('#full_name').val(this.value); 
    }); 
}); 
</script> 

<input type="text" name="full_name" id="full_name" value="" /> 
<input type="text" name="first_name" id="first_name" value="" /> 
<input type="text" name="last_name" id="last_name" value="" /> 

感謝，

科技教育

Answer 1

這應該工作

$('#first_name').keyup(function(){ 
    $('#full_name').val(this.value+' '+$('#last_name').val()); 
}); 

$('#last_name').keyup(function(){ 
    $('#full_name').val($('#first_name').val()+' '+this.value); 
});