点击后隐藏提交按钮

Question

我知道关于如何隐藏点击后提交按钮有很多答案，但我不能得到任何解决方案的工作。我试图用onclick=""和javascript来隐藏它。该表单是一个wordpress插件。

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

Answer 1

我会做什么@Nexxuz建议，但要加，如果你是隐藏按钮的目的防止重复提交，你应该配合按钮的隐藏的表单的提交事件，因为这抓住了提交按钮的点击，以及用户打“回车”

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

Answer 2

如果您有jQuery的可用，你可以做的简单的东西：

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

Answer 3

你可以做THI通过添加onclick =“this.style.display ='none';”如提供的代码片段所示。

echo '<p><input type="submit" name="submitted" id="send" value="Send" onclick="this.style.display='none';"></p>';