在php中单击后使按钮消失

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来实现这一点。