jquery - 使用参数调用 jQuery 函数

Question

我有一个按钮

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

以及用于提交表单的 jquery 代码。

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

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

非常感谢您的帮助。

Answer 1

自定义数据属性

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

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

在上面的示例中，我们声明我们希望 anchor 与紧随其后的表单建立关联。现在我们通过 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>