jquery - jQueryを使用して、他の2つのフィールドの値をフィールドに入力します

Question

「フルネーム」フィールドに、ユーザーが「ファーストネーム」フィールドと「ラストネーム」フィールドに入力した内容を自動的に入力したいので、「ジョン」と「スミス」をファーストネームフィールドとラストネームフィールドに入力すると、 「フルネーム」フィールドには、「ジョン・スミス」が動的に入力されます。

私はjQueryがあまり得意ではないので、他の例を検索した後、これまでのところフィールドに「名」を入力することができました。

私の現在のコードは以下のとおりです。これに関するヘルプをいただければ幸いです。

<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="" />

ありがとう、

Ste

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);
});