如何在JSP中自动更改文本字段值？

Question

我的页面中有id="textfield1"和id="textfield2"的两个文本字段：

<input type="text" name="textfield1" id="textfield1" size="70" />
<input type="text" name="textfield1" id="textfield2" size="70" />

如果我更改textfield1，那么我想在JSP中自动更改textfield2值。

Answer 1

您可以使用如下的小javascript代码：

function fillTextbox(){
var tf1=document.getElementById("textfield1").value;
document.getElementById("textfield2").value=tf1;
}


<input type="text" name="textfield1" id="textfield1" size="70" onkeyleave="fillTextbox()" />

<input type="text" name="textfield1" id="textfield2" size="70" />

Answer 2

添加此javascript函数

function changeVal() 
{ 
document.getElementById("textfield2").value="abc";   
} 

在textbox1

的模糊事件上调用此方法

<input type="text" name="textfield1" id="textfield1" size="70" onkeyleave="changeVal()"/>

Answer 3

像这样编写onchange函数：

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