2

あるテキストボックスに入力したデータを別のテキストボックスに反映させて表示したい

TextBox1 に何かを入力すると、TextBox2 に入力する必要があります (リフレクションのようなもの)。

これは私が試した..

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(".valueEnter").click(function () {

    $('#message').html($('#textBox').val());

    });
</script>
</head>

<body>

<div>
    TextBox 1 : <input type="textbox" id="textBox" class="valueEnter"></input>

    TextBox 2 : <input type="textbox" id="message"></input>
</div>

</body>
</html>
4

6 に答える 6

2

キーアップ機能を簡単に使用できます

http://jsfiddle.net/DfHSS/

$("#textBox").keyup(function(){
   $("#message").val($(this).val());
});
于 2013-07-26T06:19:04.813 に答える
0 
$("#textBox").keyup(function(){
   $("#message").val($(this).val());
});

Try the above
于 2013-07-26T06:16:03.743 に答える
0

change イベントまたは keydown を使用する必要があります

$(".valueEnter").keyup(function () {

    $('.valueEnter').not(this).val($(this).val());

    });

this セレクターを使用すると、編集中のテキスト ボックスの値が取得され、その値が同じクラスの他のテキスト ボックスに渡されます。

ここにフィドルがあります

于 2013-07-26T06:16:35.753 に答える
0

メソッド内にリスナーを追加する必要があります.ready()。また、コードをこれに変更してみてください。

$(document).ready(function(){
    $("#textBox").change(function () {
        $("#message").val($('#textBox').val());
    });
});
于 2013-07-26T06:21:00.197 に答える
0

このようなもの、

$('#text1').focus(function(){

    $(this).on('keyup' , function(){

     $('#txt2').val($(this).val());
     });

});
于 2013-07-26T06:21:11.970 に答える
-1 
try this..

$(".valueEnter").keyup(function () {

    $('#message').html($('#textBox').val());

 });
于 2013-07-26T06:19:53.970 に答える