Javascript 在引导模式中确定并取消

我想在引导模式中实现一个经典的OK和Cancel概念

<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
      user can select an option here from a list
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
    <button type="button" class="btn btn-primary">OK</button>
  </div>
</div>

在模型内容中，有一个选项，用户可以选择其中一个选项。如果单击OK，我想处理新选项。如果没有，则无需采取任何行动。为此，我钩住了hide.bs.modal事件，但单击Cancel时会调用该事件

---

如何区分“取消”按钮和“确定”按钮？

您只需在“确定”按钮上添加一个单击事件即可？如果未将e.preventDefault添加到事件中，则可以正常处理

首先添加确定按钮一个确定的ID或类名：

<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title" id="myModalLabel">Modal title</h4>
    </div>
    <div class="modal-body">
      user can select an option here from a list
      <select name="select" id="select1">
        <option value="1">1</option>
        <option value="2" selected="selected">2</option>
        <option value="3">3</option>
      </select>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      <button type="button" id="btn_ok_1" class="btn btn-primary">OK</button>
    </div>
  </div>
</div>

---

嗯，引导不支持模态操作按钮的特定模态事件。因此，我相信你将不得不像这样自己处理这些事件

    $("#myModal").on("click",".btn-default", function(){
       // code
    });

    $("#myModal").on("click",".btn-primary", function(){
       // code
    });

---

请更正代码：“$myModal.onclick，.btn default，函数{//code}”和“$myModal.onclick，.btn primary，函数{//code}”

    $("#myModal").on("click",".btn-default", function(){
       // code
    });

    $("#myModal").on("click",".btn-primary", function(){
       // code
    });