Question

我有2个带有不同ID的文本字段。我想要实现的是当我写入textfield1时，内容立即被复制到第二个，如果我编辑第二个，第一个保持不变，但如果我回到第一个并编辑它，内容是只是附加到第二个。

<input type="text" name="field1" id="f1" />
<input type="text" name="field2" id="f2" />

代码：

<script type="text/javascript">
    $(document).ready(function(){
        $("#f1").keyup(function(){
           $('#f2').val($('#f1').val());
        });
    });
</script>

Answer 1

试试这个，

$(document).ready(function () {
    $("#f1").keypress(function (e) {
        var val = $('#f2').val();
        var code = e.which || e.keyCode;
        $('#f2').val(val+(String.fromCharCode(code)));
    });
});

Live Demo

Answer 2

你可以这样写

<script type="text/javascript">
    $(document).ready(function(){
        $("#f1").keyup(function(){
        var f2Text = $('#f2').val() + $(this).val();
        $('#f2').val(f2Text );
        });
    });
</script>

Answer 3

您也可以使用更高效且易于使用的Angular JS。

AngularJS

Angular JS将帮助您开发SPA（单页应用程序）。

写入文本字段并同时复制到另一个文本字段

3 个答案: