Question

我正在尝试在选择Box的更改事件上打开一个模态？

这是我的模态

<!-- Modal when adding comment for upload -->
  <div class="modal fade" id="fileUploadModal" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Add Comment</h4>
        </div>
        <div class="modal-body">
          <p><textarea id = "commentsUpload"class="form-control custom-control" rows="3" style="resize:none"></textarea></p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" onclick="submitXYX()" data-dismiss="modal">Submit</button>
        </div>
      </div>
    </div>
  </div>

并选择Box is：

<select class="selectpicker" id = "selectNEWBox">
    <option value = "1">New</option>
    <option value = "2">Old</option>
    <option value = "3">Scrap</option>
</select>

我需要做的是在选择框的更改事件上打开模态。

我尝试了什么

在$(document).ready(function () {});

方法1

$("#selectNEWBox").change(function(){
    $('#fileUploadModal').modal({
    show: true
  });
});

方法2

$("#selectNEWBox").change(function (){
    $('#fileUploadModal').modal('show');
});

但这些都不起作用。

我错过了什么吗？

Answer 1

刚试过你的代码，它似乎正常工作

$( "#selectNEWBox" ).change(function() {
  $('#fileUploadModal').modal('show')
});

试试here

Answer 2

终于解决了这个问题。似乎问题是由于Jquery版本的冲突。

删除了冲突并立即开始工作。：）

如何在更改选择框时打开Bootstrap模式

2 个答案: