javascript - 使用 bootbox 防止按钮提交确认并在消息上显示其值

Question

我有一个带有 3 个按钮的简单表单，每个按钮执行不同的操作。单击一次，我希望用户使用 bootbox.confirm() 确认他的操作。我希望确认框显示：“您确定选择：”+ 值。我怎样才能做到这一点？

HTML：

<form action="" method="post">
     <button  type="submit" name="action" value="success" class="confirm"></button>
     <button type="submit" name="action" value="fail" class="confirm"></button>
     <button type="submit" name="action" value="no exam" class="confirm</button>
</form>

我试过的Javascript / jquery：

<script>
  $(document).ready(function() {
    $(document).on("click", ".confirm", function(e) {
        e.preventDefault();
        bootbox.confirm("Are you sure for your choice?", function(result) {
        if (result) {
          console.log("user confirmed");
        } else {
            console.log("user declined");
        }
      });
    });
  });
</script>

这是正确的方法（每个按钮都有类）还是我必须选择表格？我得到了正确的确认框和日志，但成功后我不知道如何提交。另外我不知道如何将所选值放入消息中。

Answer 1

希望你已经能够弄清楚这一点，但如果不是这里就是你所缺少的。此外，由于此流程是异步的，因此不要将 e.preventDefault() 移动到回调中。

$(document).ready(function() {
    $(document).on("click", ".confirm", function(e) {
        e.preventDefault();
        var $this = $(this);
        bootbox.confirm("Are you sure for your choice: "+$this.val()+"?", function(result) {
            if (result) {
                console.log("user confirmed");
            } else {
                console.log("user declined");
            }
        });
    });
});