Question

我想要做的很简单。我有一个表单，带有提交按钮

<form accept-charset="UTF-8" action="/some_url" id="some-form" method="post">
  ...
  <button class="btn" id="remove-selected" type="submit">Send</button>`
</form>

我希望在提交表单时使用jQuery更改按钮的html，但无法实现，似乎表单提交发生在我可以更改之前。

我现在的代码，很简单：

$("#some-form").on("submit", function(e) {
  $("#remove-selected").html("Sending...");
});

感谢您的建议！

Answer 1

你的东西似乎对我有用，只需通过JS提交表单就可以更好地控制序列和错误情况。

$("#some-form").on("click", function(e) {
  e.preventDefault();
  $("#remove-selected").html("Sending...");
  $(this).submit();
});

http://jsfiddle.net/GDAhe/1/

Answer 2

$("#remove-selected").click(function(){
    $(this).html("Sending...");
});

Answer 3

您的代码是正确的，您可能忘记将其嵌入$(document).ready()方法中。

jQuery - 在提交事件上更改提交按钮的html

3 个答案: