javascriptを使用してクリック時にHTMLフォームフィールドの値を別のフィールドにコピーするにはどうすればよいですか？

Question

友達どうすればいいですか？私は3つの入力フィールドを持っています

<input name="firstname" type="text" class="text" id="firstname" value="" /> 
<input name="lastname" type="text" class="text" id="lastname" value="" /> 
<input name="displayname" type="text" class="text" id="displayname" value="" /> 

私はこれをしたいと思います。ユーザーがファーストネームとラストネームを入力した後、表示名フィールドをクリックすると、「ファーストネームラストネーム」の値が入力されます。どのようにすればよいですか？

Answer 1

機能付きのDisplayName要素のonclickのやキー入力イベントを追加 - 関数内で上記のコードを配置する必要があり

function populateDisplayName(){ 
    var firstName = document.getElementById('firstname'); 
    var lastName = document.getElementById('lastname'); 
    document.getElementById('displayname').value = firstName.value + ' ' + lastName.value; 
} 

Demo

Answer 2

var fullName = document.getElementById('displayname'); 
var firstName = document.getElementById('firstName'); 
var lastName = document.getElementById('lastName'); 
fullName.value = firstName.value + ' ' + lastName.value;