Jquery对yii2动态表单中输入的每个文本添加1

Question

我已经补充了一个与此有关的问题。 但这次有一点变化。

我有一个readonly文本输入，其默认值为1。

 <?= $form->field($modelTariffSlabs, "[{$i}]slab_start")->textInput(['readonly'=>true,'value'=>'1','maxlength' => 10,"class"=>"form-control js-slab-start"]) ?>
                            

此外，我还有另一个文本输入，这是我从用户那里得到的

  <?= $form->field($modelTariffSlabs, "[{$i}]slab_end")->textInput(['maxlength' => 10]) ?>
                            

我想做什么？

每当我按下add按钮时，我都希望将+1添加到slab_end文本输入中，然后将其分配给我的下一个slab_start输入文本。

我试过什么？

$("#addBtn").click(function(e)
{


$(".dynamicform_wrapper").on("afterInsert", function(e, item) {

$(".dynamicform_wrapper .js-slab-start").each(function(index) {
  
             var end = +$("#mdctariffslabs-0-slab_end").val()+1;
             
    $(this).val(end);
}); 
});
});

因此，我在slab_end输入文本中添加了100，当我按下add按钮时，它确实在其中添加了1，但在我的下一个slab_start和当前的slab_start中显示了101。

第一次输入（按下html" target="_blank">添加按钮之前）

按下添加按钮后

如上图所示。 当我按下“添加”按钮时，第一级的“开始”值会发生改变，并且“开始”的下一个值是101，但是在第三级，“开始”值应该是151，因为我在上一个“结束”文本输入中添加了150。

如有任何帮助，我们将不胜感激。

Answer 1

添加类js-slab-end

<?= $form->field($modelTariffSlabs, "[{$i}]slab_end")->textInput(['maxlength' => 10,"js-slab-end"]) ?>

jQuery

$(".dynamicform_wrapper").on("afterInsert", function(e, item) {
    
    var len = $(".dynamicform_wrapper .js-slab-end").length - 1;
    var slabEndValue = $(".dynamicform_wrapper .js-slab-end:eq("+len+")").val();
    
    slabEndValue = parseInt(slabEndValue);

    $(".dynamicform_wrapper .js-slab-start:end").val(slabEndValue);
    
});