如何使用javascript将文本从一个文本框写入其他文本?

时间:2017-01-22 12:01:13

标签: javascript textbox

我在表格中有两个名称文本框。我想要;当用户在第一个文本框中键入名称时,它也应该同时出现在另一个文本框中。请指导我。这是一个家庭作业,我不知道该怎么做。

3 个答案:

答案 0 :(得分:0)

您必须将input事件处理程序绑定到first文本框。

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">

答案 1 :(得分:0)

这应该这样做。我们在用户输入时复制文本。

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

答案 2 :(得分:0)

第一个答案无法正常工作,因为在释放密钥后应该监听事件。你可以使用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>