0

3つのHTML入力があります。入力1のテキストを変更する場合、入力2は以前に入力1にあったテキストで更新する必要があります。入力3は、以前に入力2にあったテキストで同様に更新する必要があります。

ダイアグラム

4

2 に答える 2

2

あなたはこのようにそれを行うことができます。

ライブデモ

<input type="text" id="txt1" class="someclass" />
<input type="text" id="txt1" class="someclass" />
<input type="text" id="txt1" class="someclass" />​

$('.someclass').change(function(){
   $(this).next('.someclass').val($(this).val()); 
   $(this).next('.someclass').change();
});​

何かを入力するとすぐに、バインドキーアップイベントが変更されます

ライブデモ

于 2012-10-19T11:30:49.970 に答える
1

jQuery val（）メソッドを使用して、必要に応じて入力値を設定します。

<!doctype html>
<html>
 <head>
 <script type="text/javascript" src="jquery.min.js"></script>
 <script type="text/javascript">
    $(document).ready(function(){
        $("#input1").keyup(function() {
            $('#input2').val($('#input1').val());
            $('#input3').val($('#input2').val());
        });
    });
 </script>
 </head>
 <body>
    <input type="text" id="input1" />
    <input type="text" id="input2" />
    <input type="text" id="input3" />
 </body>
</html>
于 2012-10-19T11:32:54.723 に答える