4

送信せずに、あるテキストフィールドの値を別のテキストフィールドの値から変更しようとしています。例:

[テキストフィールド 1 (「こんにちは」と入力)]

[テキストフィールド 2 (ここにも「こんにちは」が挿入されます)]

以下は私のフォームです:

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

私は JavaScript についてあまり知りませんが、これは可能なのでしょうか? 助けていただければ幸いです。

ありがとう

4

4 に答える 4

6
<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-16T15:57:45.730 に答える
2

できるよ:

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でこのソリューションを参照してください

詳しくは.value こちらをご覧ください。

お役に立てれば!

于 2012-04-16T16:07:59.257 に答える
0

jqueryで実行する場合は、次のスクリプトを追加してください

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

次に、次のコードを記述します。

$("#textfield1").bind("input", function() {
    $("#textfield2").val($("#textfield1").text());
}
于 2012-04-16T15:56:50.143 に答える
0

@ sarwar026が言及したように、 jQueryを使用してこれを達成できますが、彼の答えにはいくつかの問題があります。次のコードを使用して jQuery で実行できます。

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

jQuery を使用するには、スクリプトの前にページに含める必要があります。

于 2012-04-16T16:10:55.657 に答える