动态生成的表行上的自动增量文本框值

时间:2016-03-25 08:56:39

标签: javascript php jquery

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

PHP

<?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>

这是我的javascript动态地将行添加到表中。

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();
    });

有人可以告诉我如何去做这件事。我用Google搜索了很多但却找不到任何东西。谢谢

0 个答案:

没有答案