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

Question

当我更改To:字段的值时，如何获得From:字段自动实时计数和更改值？

实施例：在上To:字段然后From:上第二行场会自动填充和计数会显示在第一行I输入数5值= 6而当我添加更多的字段和对第二行改变To:字段10它应该是这样的：

我上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