【问题标题】:Click a submit type input when a button is clicked单击按钮时单击提交类型输入
【发布时间】:2017-08-15 18:38:16
【问题描述】:

单击按钮时如何单击类型为提交的输入?

    $(document).on('click', 'button.editManufacturer', function(event) { 
        event.preventDefault(); 
        $(".editManufacturerSubmit").click();
    });

上面的sn-p是我目前的代码,但是不行?

谢谢!

===== 编辑 =====

让我更准确地解释一下我的问题!

我想通过一个按钮提交很多表单。

我之前尝试过的以下事情:

    $("button.editManufacturer").click( function() {
        $('form.editManufacturer').submit();
    });

================================================ ============================

按钮/输入处的“form”属性

================================================ ============================

还有一些其他的东西,我是不是已经没有 sn-ps了

================================================ ============================

注意:只提交最后一个表单

【问题讨论】:

  • 也添加 html 标记
  • 正如 SO 指南所述“提供人们可以用来重现问题的代码”

标签: javascript jquery html input submit


【解决方案1】:

你可以试试这个

$('button.editManufacturer').on('click', function(event) { 

    $(".editManufacturerSubmit").trigger("click");
});

我希望它对你有用。

【讨论】:

  • 您是否在页面中添加了 jquery 链接文件?
【解决方案2】:

试试这个

$(document).ready(function() {
$("form").submit(function(event) { 
   event.preventDefault(); 
});

});

【讨论】:

  • 这不是我要找的,抱歉 - 但感谢您的回答
  • 添加html sn-p,让我检查
  • 试试这个 $("button.editManufacturer").click( function() { $("form.editManufacturer").each(function(){ $(this).submit(); } ); });
【解决方案3】:

您的代码似乎可以正常工作,您可能需要提供更多代码来重现该问题。

$(document).on('click', 'button.editManufacturer', function(event) { 
  event.preventDefault(); 
  $(".editManufacturerSubmit").click();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="https://httpbin.org/post" method="post">
  <button class="editManufacturer" >button</button>
  <input type="submit" class="editManufacturerSubmit" value="get" onClick="alert('hi')"/>
</form>

【讨论】:

  • 但不知何故它没有提交表单?
  • 它确实提交了表单,请参阅更新 sn-p(使用 httpbin 测试它,请参阅此处httpbin.org
【解决方案4】:

我想你需要的是这个

$('.editManufacturer').click(function(){
  $('form').submit();
});

【讨论】:

  • 我以前试过这个!让我解释一下 - 我在一页上有很多表格,我希望他们通过一个按钮提交。但没有任何作用?我还尝试将“表单”属性添加到输入/按钮并尝试了很多 js 变体,但似乎没有任何效果:(
  • 你的意思是所有表格的一个按钮?如果是这样,你为什么不把它放在一种形式中?
  • 因为表单正在将不同的文档保存/更新到 mongodb 中的一个集合:/
猜你喜欢
  • 2014-06-29
  • 1970-01-01
  • 2014-02-27
  • 2012-01-12
  • 2013-10-18
  • 2012-08-07
  • 2021-09-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多