bootstrap:modal & iframe
form提交绑定到特定的iframe & form的结果在dialog上显示
form:target属性
<!-- when the form is submitted, the server response will appear in this iframe --> <form asp-controller="****" asp-action="****" method="post" > <input > <input > </form>
modal显示iframe
<div > <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">确认账单</h5> </div> <div class="modal-body"> <iframe class="my_iframe" name="my_iframe" src="" frame scrolling="no" ></iframe> </div> <div class="modal-footer"> <button name="cancel" type="button" class="btn btn-secondary" data-dismiss="modal">取消</button> </div> </div> </div> </div>
绑定js事件
<script type="text/javascript"> function BatchClose_method() { iframe_init(); $("#parm1").val(2); $("#parm2").val(201902); $("#batchClose").submit(); $("#BatchCloseAccountM").modal('show'); } function iframe_init() { $(".my_iframe").contents().find("body").html('<span >加载中。。。 </span>'); } jQuery(function ($) { $("#BatchCloseAccountM").on("hidden.bs.modal", function () { alert("页面刷新"); }); }); </script>
触发modal
<a ww-check-acl="~/****/****" href="javascript:void(0);" onclick="BatchClose_method()">确认账单</a>