我有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