单击后隐藏提交按钮

Question

我知道在单击后如何隐藏“提交”按钮方面有很多答案，但是我无法使用任何解决方案。我试图用onclick=""和javascript 隐藏它。该表格适用于wordpress插件。

echo '<p><input type="submit" name="submitted" id="send" value="Send"></p>';

Answer 1

如果您有可用的jQuery，则可以执行以下操作：

$(document).ready(function() {
    $('#send').on('click', function() {
        $(this).hide();
    });
});

Answer 2

我会按照@Nexxuz的建议进行操作，但要补充的是，如果您隐藏按钮是为了防止重复提交，您可能应该将按钮的隐藏与表单上的提交事件联系起来，因为这会捕获提交按钮，以及用户点击“输入”

$(document).ready(function($) {
    $('#myForm').on('submit', function(evt) {
        $('#send').hide();
    });
});