Javascript(Jquery)输入类型提交或按钮冲突

Javascript(Jquery) input type submit or button conflict

本文关键字：提交 按钮 冲突 类型 输入 Jquery Javascript      更新时间：2023-09-26

我想在删除查询完成后隐藏一行。

当我这样做

<?php echo '<input type="submit" name="editProject'; echo $projectID; echo '" value="Edit" class="btn btn-success"/>';?>

该记录将在数据库中被删除，但该行不隐藏。

<input type="button"

将隐藏行，但不删除数据库中的记录。

那么我如何删除数据库中的记录并将该行隐藏在一起。

form in table:

<td class="deleterow"><form action="index.php" method="post">
    <?php echo '<button type="button" name="deleteProject'; echo $projectID; echo '" class="btn-sm btn btn-danger"><span class="glyphicon glyphicon-remove"></span></button>';?>
</form></td>
Javascript: 

<script>
$(".deleterow").on("click", function(){
var $killrow = $(this).parent('tr');
    $killrow.addClass("danger");
$killrow.fadeOut(2000, function(){
    $(this).remove();
});});
</script>

您必须进行ajax调用才能实现此功能。我假设您的项目中有jQuery。

$(".deleterow").on("click", function(){
var $killrow = $(this).parent('tr');
$killrow.addClass("danger");
$killrow.fadeOut(2000, function() {
    $(this).remove();
    $.post("delete.php", {id: "<?php echo $projectID; ?>"})
        .done(function(data) {
            alert("Project deleted: " + data);
        });
});

});

我只添加了这一部分。

$.post("delete.php", {id: "<?php echo $projectID; ?>"})
.done(function(data) {
    alert("Project deleted: " + data);
});
相关文章：