javascriptを使用して、あるテキストボックスから他のテキストボックスにテキストを書き込む方法は？

Question

私はテーブルに名前の2つのテキストボックスを持っています。が欲しいです;ユーザーが最初のテキストボックスに名前を入力すると、同時に他のテキストボックスにも表示される必要があります。私を案内してください。それは家の割り当てであり、私はそれをどうやって行うのか分かりません。

Answer 1

firstテキストボックスにinputイベントハンドラをバインドする必要があります。

document.getElementById('first').addEventListener("input",Input,false); 
 
function Input(){ 
 
    document.getElementById('second').value=this.value; 
 
}

<input type="text" id="first"> 
 
<input type="text" id="second">

Answer 2

これはそれを行う必要があります。ユーザーが入力しているときにテキストをコピーします。

<textarea id="from" onkeyup="copy_text()"></textarea> 
<textarea id="to"></textarea> 
<script> 
function copy_text() { 
document.getElementById("to").value = document.getElementById("from").value; 
} 
</script> 

Answer 3

最初の応答は、キーが放された後にイベントを聴く必要があるため、正しく動作していません。あなたはこれを解決するためにjQueryを使うことができます（必須ではありません）。私はそれが助けて欲しい

boxone: <input type="text" id="boxone"> 
boxtwo: <input type="text" id="boxtwo"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$("#boxone").keyup(function() { 

    $("#boxtwo").val($("#boxone").val()); 
}); 
</script>