搜索

bootstrap5 js打开模态框


发布时间: 2022-11-24 20:47:00    浏览次数:32 次

<!-- 查找供应商 -->
<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>

免责声明 bootstrap5 js打开模态框,资源类别:文本, 浏览次数:32 次, 文件大小:-- , 由本站蜘蛛搜索收录2022-11-24 08:47:00。此页面由程序自动采集,只作交流和学习使用,本站不储存任何资源文件,如有侵权内容请联系我们举报删除, 感谢您对本站的支持。 原文链接:https://www.cnblogs.com/QunShan/p/16923225.html