如何在event.preventDefault之后提交表单

How to submit a form after event.preventDefault

本文关键字:之后 提交 表单 preventDefault event      更新时间:2023-09-26

我有一个这样的html表单。下面是我的html代码和jQuery代码。我的意图是当用户选择"删除"选项并点击"应用"时,我想首先确认用户的决定,如果用户点击"确定",则会提交表单。然而,我现在有点迷路了。谁能给我点提示吗?谢谢!

HTML:

  <div>
    <select id="option_selection">
        <option value="">Select Options</option>
        <option value="approve">Approve</option>
        <option value="unapprove">Unapprove</option>
        <option value="delete">Delete</option>
    </select>
</div>
    <div>
        <input id="apply" type="submit" name="submit" value="Apply">
    </div>
jQuery:

    $("#apply").on('click',function(event){
    if($('#option_selection').val() == "delete"){
        event.preventDefault();
        var answer=confirm("Are you sure you want to delete?");
        if(answer){
            $("#option_selection").submit();
        }
    }
});

你所需要的是

   event.preventDefault();
   var answer = confirm("Are you sure you want to delete?");
   if (answer) {
       $("#option_selection").submit();
   }

    var answer = confirm("Are you sure you want to delete?");
    if (!answer) {
        return false;
    }

在您的情况下,最好通过Ajax实现。我的意思是调用event.preventDefault()$("#form").submit之后是循环语句。如何通过JQuery进行Ajax调用