Javascript JS-动态更改文本字段

我试图在没有任何提交的情况下，将一个文本字段中的值从另一个文本字段的值更改为其他文本字段的值。例如：

[文本字段1（键入“hello”）]

[Textfield 2（'hello'在此也插入）]

以下是我的表格：

<form action="#" id="form_field">
   <input type="text" id="textfield1" value="">
   <input type="text" id="textfield2" value="">
</form>

我对JavaScript了解不多，这可能吗？非常感谢您的帮助

---

谢谢

如果您想使用jquery，请添加以下脚本

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

在行动中看到它： 您可以执行以下操作：

HTML:

<form action="#">
    <input type="text" id="field" value="" onChange="changeField()">
</form>

function changeField() {
    document.getElementById("field").value="whatever you want here";
}

有时这不起作用。因此您需要使用的解决方案：

<form action="#" id="form_field">
   <input type="text" id="textfield1" value="" onChange="document.getElementById('textfield2').value=this.value">
   <input type="text" id="textfield2" value="">
</form>

请在下面的示例中查看此解决方案

您可以阅读有关

.value

的更多信息

希望这有帮助

您可以使用@sarwar026实现这一点，但他的答案存在一些问题。您可以使用jQuery执行此操作，代码如下：

$('#textfield1').blur(function() { 
    $("#textfield2").val($("#textfield1").val());
}​);​

---

为了使用jQuery，您需要在脚本之前将其包含在页面中。

可能需要向OP说明您的解决方案需要jQuery。为什么会给它一个负面评级？请在这里评论我的问题有什么问题，我会尽力改进。给予负面评价和不费心留下反馈是没有意义的。。。它对任何人都没有帮助。这很有效，但它只会在我单击该字段后更改值。是否可以实时更改文本字段2中的值？感谢您将其连接到

onKeyUp

<form action="#" id="form_field">
   <input type="text" id="textfield1" value="" onChange="document.getElementById('textfield2').value=this.value">
   <input type="text" id="textfield2" value="">
</form>

$('#textfield1').blur(function() { 
    $("#textfield2").val($("#textfield1").val());
}​);​