javascript - 提交后使按钮消失

Question

如何让这个按钮在用户提交投票后消失？

      <p id="button_<%= review.id %>"><%= f.submit "vote" %></p>

Answer 1

我会禁用按钮而不是隐藏；创建一个不那么困惑的界面。

您只需添加 onclick 即可轻松完成此操作属性:

<p id="button_<%= review.id %>" onclick="this.disabled=true;"><%= f.submit "vote" %></p>

但是如果你想隐藏它，你可以使用this.style.display='none';反而。 (如果我记得 Vanilla JS)

如果您已经在使用 jQuery(或者打算做很多这样的事情):

$('#button_<%= review.id %>').click(function() {
    $(this).remove(); // or $(this).hide();
}

编辑: this shows the difference between Dr.Dredel's and my solution

---

onsubmit让 RobG 开心的版本(你必须把它放在 <form> 上)

<form ... onsubmit="document.getElementById('button_<%= review.id %>').disabled=true;">

他是对的，这样做更有意义onsubmit ;还有其他方法可以提交表单，例如按回车键。大概在这种情况下你仍然希望按钮被禁用(如果我没记错的话也会阻止你通过输入提交两次)

编辑: 为什么是的，确实如此 http://jsfiddle.net/mnbayazit/9Snna/2/