テキストボックスに入力された内容を他のテキストボックスにコピーしたい

質問

テキストボックスA、Bがあるとして、テキストボックスAに何らかの文字列を入力します。
その状態でボタンを押すと、テキストボックスAの内容をテキストボックスBにコピーするようにしたいのですが、このようなことはjavascriptで可能でしょうか?

回答No.2

NTJ

#1さんの回答で充分とは思いますが・・・・
この程度の内容なら・・・

<form>
<input name="tx1" type=text ><br>
<input type="button" value="↓"
onclick="this.form.tx2.value=this.form.tx2.value;">
<input name="tx2" type=text >
</form>

って具合にインラインで書いちゃって充分かと。
もし汎用化のために関数化したいなら、関数の引数へ this.form を加えると汎用性が高くなるかと。

function TransV(objF,fromName,toName){
objF.elements[toName].value
= objF.elements[fromName].value;
}

として
onclick="TransV(this.form,'tx1','tx2');"

でトリガにすれば、非常に汎用的になりますね。

回答No.1

noname#22259

<script type="text/javascript">
function TransV(){
var f=document.forms['f1'];
f.elements['tx2'].value=f.elements['tx1'].value;
}
</script>

<form name="f1">
<input name="tx1" type=text ><input id="tx2" type=text ><br>
<input type="button" value="GO" onclick="TransV()" >
</form>