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();
});​

绑定 keyup 事件将在您键入内容后立即更改

现场演示

于 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 回答