javascript - JS - 动态更改文本字段

Question

我正在尝试将一个文本字段中的值从另一个文本字段的值更改为没有任何提交的值。例子：

[文本字段 1（输入“你好”）]

[文本字段 2（此处也插入了“你好”）]

下面是我的表格：

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

我对JavaScript不太了解，这甚至可能吗？将不胜感激任何帮助。

谢谢

Answer 1

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

看看它在行动：http: //jsfiddle.net/4PAKE/

Answer 2

你可以做：

HTML：

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

JS：

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

有时这行不通。所以你需要使用micha的解决方案：

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

在这个jsFiddle中查看这个解决方案

.value 您可以在此处阅读更多信息。

希望这可以帮助！

Answer 3

如果你想用jquery来做，请添加以下脚本

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

然后编写以下代码：

$("#textfield1").bind("input", function() {
    $("#textfield2").val($("#textfield1").text());
}

Answer 4

正如@sarwar026 提到的，您可以使用jQuery来完成此操作，但他的回答存在一些问题。你可以用 jQuery 用这个代码来做：

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

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