html - HTMLで2つのテキストフィールドを連結し、結果を別のテストフィールドに表示したい

Question

私はこのような私のコードを持っています

First name : <input type="text" name="txtFirstName" /> <br><br>
Last name : <input type="text" name="txtLastName" /> <br><br>
Full name : <input type="text" name="txtFullName"  > <br><br>

名のテキスト ボックスに abc を指定し、姓のテキスト ボックスに def を指定すると、結果は氏名のテキスト ボックスに abcdef として表示されます。これを行う方法？

Answer 1

そのために以下のコードを使用できます。

 <script type="text/javascript">
   function generateFullName()
   {
        document.getElementById('txtFullName').value = 
        document.getElementById('fName').value + ' ' + 
        document.getElementById('lName').value;

   }
</script>

First Name <input type="text" id="fName"  /><br/>
Last Name <input type="text" id="lName" oninput="generateFullName()" /><br/>
Full name  <input type="text" id="txtFullName" name="txtFullName"  > <br><br>

また、 oninput event の代わりに、 onblur も選択できます。