2017-03-22 19 views
0

私は2つのHTML(フォーム要素)入力を持ち、両方ともテキストです。私が最初のものに書き込むとき、私が書いているのと同じテキストを2番目のテキスト入力に表示します。これは可能ですか?どうやって?これは、ウェブ上で驚くほど難しい発見です。複数のHTMLテキスト入力を同時に編集する

+0

あなたはまず 'input'と第二の値としてという設定上の入力イベントをフックするためにJavaScriptを使用する必要があります。 –

+0

変更イベントハンドラを最初の入力に追加します。このアップデートでは秒。 – Richard

答えて

4

document.getElementById('first').onkeyup = function(e) { 
 
    document.getElementById('second').value = e.target.value; 
 
}
<input type="text" id="first" placeholder="Type in this"> 
 
<input type="text" id="second">

+1

これは、ありがとう!私はAngular 2で作業していますので、より良い/よりシンプルなソリューションをドキュメントで見つけましたが、一般的なHTMLを尋ねたので、あなたの答えはより適切で、他の人にもっと役立ちます:) – MariusJ

1
<input type="text" id="inputFirst" onchange="mutipleText()"> 
<input type="text" id="inputSecond" > 

function mutipleText(){ 
    var firstInput = $('#inputFirst').val(); 
    $('#inputSecond').val(firstInput) 
    } 
関連する問題