bootstrap5 js打开模态框

例子1：（MyModl ：模态框的ID）

打开： 

let m = document.getElementById("MyModl");

$(m).modal("show");

 或者： $($("#MyModl")).modal("show");

 

关闭：

let m = document.getElementById("MyModl");

$(m).modal("hide");

或者： $($("#MyModl")).modal("hide");

 

 

 

<!-- 查找供应商 -->
<DIV>

按钮打开

<BUTTON class="btn btn-primary" type="button" data-bs-target="#选择供应商弹出框"
data-bs-toggle="modal">打开模态框 </BUTTON>

js打开
<INPUT id="Button111" onclick="dk()" type="button" value="button">

<SCRIPT>
function dk() {
let m = document.getElementById("选择供应商弹出框");
var myModal = new bootstrap.Modal(m, { keyboard: false });
myModal.show();
}
</SCRIPT>
<!-- 模态框 -->
<DIV class="modal" id="选择供应商弹出框">
<DIV class="modal-dialog">
<DIV class="modal-content"><!-- 模态框头部 -->
<DIV class="modal-header">
<H4 class="modal-title">选择供应商弹出</H4><BUTTON class="btn-close" type="button"
data-bs-dismiss="modal"></BUTTON> </DIV><!-- 模态框内容 -->
<DIV class="modal-body">模态框内容.. </DIV><!-- 模态框底部 -->
<DIV class="modal-footer"><BUTTON class="btn btn-danger" type="button"
data-bs-dismiss="modal">关闭</BUTTON> </DIV></DIV></DIV></DIV></DIV>