我有2個HTML(表單元素)輸入,都是文本類型。當我在第一個文字中寫字時,我希望我寫的同一文字出現在第二個文字輸入中。這可能嗎?怎麼樣?這在網上很難找到。同時編輯多個HTML文本輸入
0
A
回答
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)
}
相關問題
- 1. 分佈式文本編輯器:多個用戶同時編輯文本文件
- 2. 編輯多個HTML文件
- 3. 當我輸入gedit時運行不同的文本編輯器?
- 4. JSF Datatable - 編輯多個輸入文本框
- 5. ScrollView滾動與多個輸入編輯文本
- 6. HTML輸入=文本輸入時,按下
- 7. JComboBox無法編輯或輸入文本
- 8. 編輯文本上的模糊輸入
- 9. Fabric.js通過輸入編輯文本
- 10. 無法輸入富文本編輯器
- 11. 處理輸入按鍵編輯文本
- 12. 限制輸入在編輯文本
- 13. 同時輸入兩個文本框
- 14. 如何在jQuery中編輯文本輸入樣式可編輯
- 15. 編輯動態文本HTML
- 16. Android - Html編輯文本
- 17. 將多個文本行粘貼到多個html輸入框中
- 18. 處理輸入許多編輯文本的鍵
- 19. Android:從一個編輯文本中獲取兩個輸入
- 20. 同時由多個用戶編輯樹?
- 21. 同時編輯多個NFC標籤
- 22. 同時轉換多個文本輸入大寫
- 23. 無法編輯HTML文本輸入中的最後兩個字符
- 24. 編輯輸入
- 25. 獲取輸入文本框的內容時,它的編輯
- 26. Android編輯文本在輸入時加下劃線
- 27. 如何在android中限制編輯文本的輸入時間
- 28. Android:清除編輯文本時清除鍵盤輸入
- 29. 使用富文本編輯器時的輸入驗證
- 30. 如何限制在編輯文本上的輸入時間?
你需要使用JavaScript鉤到第一'input'輸入事件,並設置成第二值。 –
將更改事件處理程序添加到第一個輸入。在這次更新中,第二個。 – Richard