2017-03-22 52 views
0

我有2個HTML(表單元素)輸入,都是文本類型。當我在第一個文字中寫字時,我希望我寫的同一文字出現在第二個文字輸入中。這可能嗎?怎麼樣?這在網上很難找到。同時編輯多個HTML文本輸入

+0

你需要使用JavaScript鉤到第一'input'輸入事件,並設置成第二值。 –

+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) 
    }