通过jquery提交表单,删除按钮

时间:2014-08-20 12:04:00

标签: javascript jquery html

有一个包含少量按钮的表单

<form action="update" method="post" name="update-email">
        <input name="addr-0.ord" value="0" type="hidden" tabindex="3">

        <input name="addr-1.ord" value="1" type="hidden" tabindex="4">

        <input name="addr-2.ord" value="2" type="hidden" tabindex="5">

   <tr>
     <input type="submit" name="addr-0.delete" value="Delete" style="None" tabindex="8">
   </tr>

   <tr>
     <input type="submit" name="addr-1.delete" value="Delete" style="None" tabindex="10">
   </tr>

   <tr>
     <input type="submit" name="addr-2.delete" value="Delete" style="None" tabindex="12">
  </tr>

  </form>

如何使用jquery提交表单。

$("update-email").submit()

如果我用于编辑按钮但不删除,则此方法有效... 有什么想法吗?

3 个答案:

答案 0 :(得分:0)

在按钮点击事件中,您可以按名称提交表单。 试试这个:

$("form[name='update-email']").submit();

答案 1 :(得分:0)

您可以使用表单中的按钮,而不是每个按钮的点击事件通过jquery提交表单。

$("input[name="addr-0.delete"]").click(function(){

submitForm('addr-0.delete')

})

$("input[name="addr-1.delete"]").click(function(){

submitForm('addr-1.delete')

})

$("input[name="addr-2.delete"]").click(function(){

submitForm('addr-2.delete')

})

function submitForm(button){
  var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone ;
  dataString += '&button='+ button

$.ajax({  
  type: "POST",  
  url: "your_url",  
  data: dataStrings,  
  success: function() {  
    //success
  }  
});  

}

答案 2 :(得分:0)

您有一个表单和3个提交按钮,3个按钮使用相同的操作?我认为最简单的方法是make 3 form,有3个不同的动作,以及相应的隐藏输入和提交按钮。

但是,你可以使用简单的按钮代替提交按钮,然后将事件附加到所有按钮。

<tr>
    <form action="update-0" method="post" name="update-email-0">
        <input name="addr-0.ord" value="0" type="hidden" tabindex="3">
        <input type="submit" name="addr-0.delete" value="Delete" tabindex="8">
    </form>
</tr>
<tr>
    <form action="update-1" method="post" name="update-email-1">
        <input name="addr-1.ord" value="1" type="hidden" tabindex="4">
        <input type="submit" name="addr-1.delete" value="Delete" tabindex="10">
    </form>
</tr>
<tr>
    <form action="update-2" method="post" name="update-email-2">
        <input name="addr-2.ord" value="2" type="hidden" tabindex="5">
        <input type="submit" name="addr-2.delete" value="Delete" tabindex="12">
    </form>
</tr>

$("update-email-0").submit()
$("update-email-1").submit()
$("update-email-2").submit()

如果您想要更改此表单的任何提交事件,您可以执行下一步并从jquery进行自定义提交:

$("form[name='update-email-0']").submit(function (e) {
    e.preventDefault();

    var $this = $(this);

    $.ajax({
        url: $this.prop("action"),
        data: $this.serialize(),
        type: "POST",
        dataType: "html"
    }).done(function (data) {
        // Done here.
    });
});