Javascript 在动态生成的表行上自动递增文本框值

我正在将数据库中的max+1序列号填充到表行中的文本框中，该文本框可以动态生成多行。因此，在添加和删除行时，我需要序列号自动增加和减少。 这是我的密码：

PHP

您可以维护一个变量，该变量将保存总行，每次单击“添加增量”此计数器并分配给您的行。此外，您还可以查看
css计数器
，可能它们可以解决您的问题。
<?php
    include("connection.php");
    $selectQuery = mysqli_query($connection,"SELECT MAX(SlNo) AS MaxSerial FROM cashsheet");
    while($row = mysqli_fetch_assoc($selectQuery)){
        $serialNumber = $row['MaxSerial'];
        $maxSerial = $serialNumber + 1;
    } 
?>
<td><input type="text" class="form-control" name="serial[]" value="<?php echo $maxSerial; ?>"></td>

var $tr = $('table.dynamicTable tr.cloneme:first').clone();

    addDP($('input.datepicker'));

    $('#addMore').on('click',function(){
        var clone = $tr.clone();
        console.log(clone);
        clone.append("<td><button class='deleteAdded btn btn-danger hvr-float-shadow'><span class='glyphicon glyphicon-remove-circle'></span>Remove</button></td>");
        addDP(clone.find('input.datepicker'));
        $('table.dynamicTable').append(clone);

    });
    $(document).on('click','.deleteAdded',function(){
        $(this).closest('tr').remove();
    });