检测输入变化并同时写入其他输入

Question

我有两个输入文本框。我想如果第一次输入更改并同时写入其他输入。

我使用this代码。我尝试了，但在第一页打开时无效。 İf页面刷新一次，此代码正常工作。我写了一些选项。 我的代码是here

$.event.special.inputchange = {
    setup: function() {
        var self = this, val;
        $.data(this, 'timer', window.setInterval(function() {
            val = self.value;
            if ( $.data( self, 'cache') != val ) {
                $.data( self, 'cache', val );
                $( self ).trigger( 'inputchange' );
            }
        }, 20));
    },
    teardown: function() {
        window.clearInterval( $.data(this, 'timer') );
    },
    add: function() {
        $.data(this, 'cache', this.value);
    }
};

$('input').on('inputchange', function() {
    var container = $("div.class1").first();
     $('#firstname').on('inputchange', function() {
        container.find("input.firstname").val(this.value);
    });
});

步骤：

1. 是否有任何变化，
2. 在一个班级找到第一个孩子
3. 头等价值等于改变

我能做什么？

Answer 1

<强> Fiddle Demo

第一个孩子使用input:first。 - :first

试试这个代码段，

$('input#firstname').on('inputchange', function() {
    var container = $("div.class1").first();

    container.find("input:first").val(this.value);

});