防止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");
            }
        });
    });
});

.