jsp - JSPでテキストフィールドの値を自動的に変更するには?

Question

ページに と の 2 つのテキスト フィールドがid="textfield1"ありid="textfield2"ます。

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

を変更すると、JSP で値を自動的にtextfield1変更したい。textfield2

Answer 1

このjavascript関数を追加します

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

textbox1のblurイベントでこれを呼び出します

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

Answer 2

以下のように小さな 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 3

onchange 関数を次のように記述します。

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