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

时间:2016-08-21 15:23:55

标签: javascript jquery html forms

我有一个像这样的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();
        }
    }
});

2 个答案:

答案 0 :(得分:0)

在您的情况下,最好通过Ajax进行。我的意思是调用event.preventDefault()$("#form").submit之后是循环语句。 How to make an Ajax call through JQuery

答案 1 :(得分:0)

你需要的只是

更改

   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;
    }