使用链接而不是提交输入来在JQuery中提交表单

时间:2014-05-07 15:17:05

标签: javascript jquery

我有一个带有提交按钮的表单:

<form method="post" action="" encrypt="multipart/form-data">
    <input type="submit" name="delete" value="Delete">
</form>

我想将按钮更改为href:

<form method="post" action="" encrypt="multipart/form-data">
    <a href="#" onclick="$(this).closest('form').submit();">Delete</a>
</form>

但是,我不知道如何将name =“delete”归属于它

4 个答案:

答案 0 :(得分:2)

输入类型=&#34;提交&#34;实际上发布你的表格。但是如果你使用锚而不是&#34;提交&#34;按钮,然后你必须做其他事情,因为它不会发布你的表格。在这种情况下,你可以使用一个技巧。

  <form method="post" action="" encrypt="multipart/form-data">
   <input type="submit" style="display:none;" name="delete" value="Delete">
   <a href="javascript:void(0);" onclick="$('input:submit').click();">Delete</a>
 </form>

这应该有用。

答案 1 :(得分:1)

只需绑定到链接的点击事件。

<a href="" id="deleteLink">Delete</a>



$('#deleteLink').click(function(evt) {
    $.ajax({
      url: "/delete"
      method: "post",
      data: 
     }
}

答案 2 :(得分:0)

这样做:

<form method="post" action="" encrypt="multipart/form-data">
    <input type="submit" name="delete" value="Delete" style="display:none;">
    <a href="#" id="linkDel">Delete</a>
</form>

Jquery的:

$('linkDel').click(function(){

$(this).closest('input[type="submit"]').click();

})

答案 3 :(得分:0)

<form method="post" action="" encrypt="multipart/form-data">
    <input type="hidden" name="delete" value="Delete">
    <a href="#" onclick="$(this).closest('form').submit();">Delete</a>
</form>

只需输入隐藏的输入。