JS - 动态更改文本字段(JS - Dynamically change Textfield)

我试图从另一个文本字段没有任何提交值在一个文本框来改变值。 例：

[文本字段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";
}

有时，这是不行的。 所以，你需要使用米莎的解决方案：

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

您可以使用jQuery的做到这一点作为@ sarwar026提及，但也有一些问题，他的回答。 您可以使用jQuery使用此代码做到这一点：

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

为了使用jQuery，你需要把它列入你的页面上，你的脚本之前。

文章来源: JS - Dynamically change Textfield