自动实时计数和输入字段的更改值

Question

当我在From:字段上更改值时，如何获取To:字段自动实时计数并更改值？

示例：在第一行，我在To:字段输入数字5，然后第二行的From:字段将自动填充并计数它将显示值= 6.当我添加更多字段并更改时第二行到第10行的To:字段应该是这样的：

我的代码jsfiddle。

Answer 1

要实现此目的，您可以检索.to输入的最后一个值，并为其添加一个以填充From字段，并添加2以设置下一个To字段。试试这个：

$(add_button).click(function(e) { //on add input button click
    e.preventDefault();
    if (x < max_fields) { //max input box allowed
        var lastTo = parseInt($('.to:last').val(), 10);
        $(wrapper).append('From: <input type="text" name="from[]" class="from" value="' + (lastTo + 1) + '"> To: <input type="text" name="to[]" class="to" value="' + (lastTo + 2) + '"> Price: <input type="text" name="price[]" class="price"><a href="#" class="remove_field">Remove</a><br>'); //add input box
    }
});

Updated fiddle