Question

我当前的代码是

<button type="submit" class="btn btn-primary btn-lg" name="submitbutton" value="Submit" onclick="this.style.display='none';">
    Execute Procedure
</button>

我试图使按钮在单击后消失，并且onclick事件有效，除非页面更新按钮的结果。这样，在加载过程中按钮消失了，但刷新后就会返回。我需要通过html或php完成此操作，指导会很棒。

Answer 1

在生成的HTML页面上，您无法检测PHP中的任何事件。使用一些Javascript或AJAX将这些事件解析到将处理数据的PHP页面。

Answer 2

如果可以使用javascript，则可以执行以下操作：

在html中：

<button type="submit" name="showButton" value="Submit">
    Execute Procedure
</button>

在javascript中：

$('button[name=showButton]', 'click', function(event) {
    event.preventDefault();
    var $button = $(this);
    var url = "your endpoint url";
    $.ajax(url, {
        method: 'POST',
        data: {} // data you want to post,
        success: function(){
            $button.hide();
        }
    });
});

该示例使用的是jquery，但是您也可以使用普通的javascript。

在PHP中单击后使按钮消失

2 个答案: