如何複製一個HTML表單字段值到另一個字段上點擊使用JavaScript？

Question

朋友我如何做到以下幾點？我有三個輸入字段

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

我想這樣做。在用戶輸入名字和lastnaeme後，他點擊顯示名稱字段，它應該填充值爲「姓氏名」，我該怎麼做它的JavaScript？

Answer 1

的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;