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

Javascript jQuery-更改提交事件上提交按钮的html,javascript,jquery,html,events,submit,Javascript,Jquery,Html,Events,Submit,我想做的很简单。 我有一个表单,有一个提交按钮 <form accept-charset="UTF-8" action="/some_url" id="some-form" method="post"> ... <button class="btn" id="remove-selected" type="submit">Send</button>` </form> 谢谢你的建议 你的东西似乎对我有用,只要通过JS提交表单,就可以更好地控制

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

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

谢谢你的建议

你的东西似乎对我有用,只要通过JS提交表单,就可以更好地控制顺序和错误案例

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

你的东西似乎对我有用,只要通过JS提交表单,就可以更好地控制顺序和错误案例

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


您的代码是正确的,您可能忘记将其嵌入
$(文档)。ready()
方法。

您的代码是正确的,您可能忘记将其嵌入
$(文档)。ready()
方法。

谢谢您的建议,当我这样做时,文本正在更改,但表单没有提交,无法找出原因。在您的示例中,没有特定的提交处理集。你有没有像这样的表格?如果不是的话,你需要在JS中通过Ajax或其他方式来完成这项工作。我只是更新了我的帖子和提琴,使用单击而不是提交处理程序。它似乎是这样工作的,动作url被调用。谢谢Sven,但是那样的话,表单是在我们点击任何元素时提交的,不仅仅是按钮,这不是我需要的。无论如何,我的问题似乎是Safari的问题,因为更简单的解决方案适用于其他浏览器。您可以通过更改onlick事件的选择器来更改表单的提交方式。感谢您的建议,当我这样做时,文本会更改,但表单不会提交,无法找出原因。在您的示例中,没有特定的提交处理集。你有没有像这样的表格?如果不是的话,你需要在JS中通过Ajax或其他方式来完成这项工作。我只是更新了我的帖子和提琴,使用单击而不是提交处理程序。它似乎是这样工作的,动作url被调用。谢谢Sven,但是那样的话,表单是在我们点击任何元素时提交的,不仅仅是按钮,这不是我需要的。无论如何,我的问题似乎是Safari问题,因为更简单的解决方案适用于其他浏览器。您可以通过更改onlick事件的选择器来更改表单的提交方式。谢谢您的建议。事实上,我已经测试过了,首先,我的问题是表单似乎是在执行jQuery之前提交的。我的请求需要一些时间,我希望在执行html请求时更改按钮。适用于Chrome和Firefox,但不适用于Safari。有什么想法吗?Alrick,因为苹果已经停止为Windows发布它,我不能测试它,但你可以自己一步一步地做。首先,找到问题所在,是单击事件还是html方法?例如,使用console.log。然后,当你发现问题时,尝试另一种选择。谢谢你的建议。事实上,我已经测试过了,首先,我的问题是表单似乎是在执行jQuery之前提交的。我的请求需要一些时间,我希望在执行html请求时更改按钮。适用于Chrome和Firefox,但不适用于Safari。有什么想法吗?Alrick,因为苹果已经停止为Windows发布它,我不能测试它,但你可以自己一步一步地做。首先,找到问题所在,是单击事件还是html方法?例如,使用console.log。然后,当你发现问题时,尝试另一种方法。谢谢Sébastien,但我已将代码嵌入
$(文档)中。ready()
谢谢Sébastien,但我已将代码嵌入
$(文档)中。ready()
实际上它可以在Chrome和Firefox中使用,但不能在Safari中使用。。。似乎是一个Safari bug,应该尝试一下,我的坏…实际上它可以在Chrome和Firefox中使用,但不能在Safari中使用。。。好像是个野生动物迷,我的错。。