使用参数调用jQuery函数

Question

我有一个btn

<a href="#" id="submitBtn" class="btnGray">Upload Docs</a>

和提交表单的jquery代码。

$("#docSaveBtn").click(function(){
  $("#docForm").submit();                           
});

我在同一页面上有多个表单，我想发送表单ID以便在点击“btnGray”类的按钮时提交所需的表单。

非常感谢您的帮助。

Answer 1

自定义数据属性

一个理想的解决方案是在锚本身上使用自定义数据属性，通知jQuery在单击锚点时应该提交哪个表单。

<a data-form="bears">Submit Bears</a>
<form id="bears"></form>

在上面的例子中，我们声明我们希望我们的锚点与我们的表格紧密相关。现在我们通过jQuery提供逻辑：

$("a[data-form]").on("click", function(e){
    var formName = $(this).data("form");
    $("#" + formName).submit();
});

示例：http://jsfiddle.net/65HPj/

基于邻近的提交......

更清洁的解决方案是基于接近度的，其中链接提交它的最接近的形式：

$(".submitBtn").click(function(e){
  e.preventDefault();
  $(this).closest(".linkFormBlock").find("form").submit();
});

<div class="linkFormBlock">
  <a href="submitBtn">Upload Docs</a>
  <form>
    <input type="text" name="specialValues" />
  </form>
</div>

Answer 2

$（“。btnGray”）。click（function（）{$（“＃docForm”）。submit（）;}）;

Answer 3

如果您想使用submit()方法，则只需在action标记的form属性中添加任何相关参数即可。 e.g：

<form action="/formProcessor.aspx?id=1234">
....
    <a href="#" id="submitBtn" class="btnGray">Upload Docs</a>
....
</form>

使用您在问题中提供的jQuery，系统会使用form标记中指定的操作自动提交您的表单。