JS - 动态更改文本域

我试图在没有任何提交的情况下从另一个文本域的值更改一个文本域中的值。例如：JS - 动态更改文本域

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

[文本字段2（ '你好' 在这里插入作为孔）]

下面是我的形式：

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

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

感谢

来源

2012-04-16 Oliver Jones

为什么这给了负面评价？请在这里评论我的问题有什么问题，我会尽我所能来改进它。给予负面评价没有意义，也不需要留下反馈意见......它对任何人都没有帮助。 – 2012-04-16 16:07:53

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

来源

2012-04-16 15:57:45 micha

这很好，但它只是改变了我点击字段后的值。是否可以实时更改textfield 2中的值？感谢 – 2012-04-16 16:10:35

而不是将它连接到'onKeyUp' – micha 2012-04-16 16:11:14

如果你想用jQuery做到这一点，那么请添加下面的脚本

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

，然后编写以下代码：

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

来源

2012-04-16 15:56:50 sarwar026

可能要注意OP，您的解决方案需要jQuery。 – j08691 2012-04-16 16:01:54

是的，现在我提到它包括'jquery' – sarwar026 2012-04-16 16:07:36

你可以这样做：

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

你可以阅读更多关于.valuehere。

希望这会有所帮助！

来源

2012-04-16 16:07:59

你可以使用jQuery来完成这个，就像@ sarwar026提到的那样，但是他的答案有一些问题。您可以使用jQuery使用此代码：

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

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

来源

2012-04-16 16:10:55

JS - 动态更改文本域

回答

相关问题