【问题标题】:Inject a submit button and submit the form when clicking on a link单击链接时注入提交按钮并提交表单
【发布时间】:2012-10-26 15:47:09
【问题描述】:

我有一个带有 id 和名称的表单。我想做的是当我点击一个链接时,在表单中注入一个 html 提交按钮,然后提交表单。这可以使用 jQuery 完成吗?

【问题讨论】:

  • 可以。你试过什么?
  • 为什么要注入任何东西?只需在点击链接时提交即可。
  • 您正在尝试的示例会有所帮助。尝试在 jsfiddle.net 之类的地方发布代码并将链接添加到您的问题。

标签: jquery html forms


【解决方案1】:

看看使用.add().append() 方法。

http://api.jquery.com/add/

http://api.jquery.com/append/

您可以设置一个侦听器来处理添加按钮时的事件。

$(document).on('#btnSubmit', 'click', function() {
    // do something
});

如果需要,您还可以向onclick 属性添加方法调用。

【讨论】:

    【解决方案2】:

    有很多方法可以做某事,但这里没有看到您的任何代码,这里是 jQuery 中的一个通用示例,展示了如何通过单击带有 id @ 的链接来 submit 带有 id myForm 的表单987654325@.

    $(document).ready(function() {
        $('#myLink').click(function(e) {
            e.preventDefault();
            $('#myForm').submit();
        });
    });
    

    HTML:

    <a href="#" id="myLink">submit the form</a>
    

    【讨论】:

    • 除非你必须返回 false 或调用 e.preventDefault()