【发布时间】:2015-07-05 01:37:21
【问题描述】:
打印模态正文后我的模态不会关闭,但在我打印内容后创建按钮和打印按钮仍然有效 谁能帮帮我?
这是我的模式代码,其中包含要打印的数据
<div class="modal fade" id="create" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog" padding="5px !important">
<!--/id for printing "div1" -->
<div class="modal-content" >
<div class="modal-header">
<strong>
<h4 class="modal-title">Create New User</h4>
</strong>
</div>
<div class="modal-body"id="div1">
<form method="POST" action="../process/create_new_user.php">
<div class="form-group">
<label for="exampleInputName2" >User Name</label>
<input type="text" class="form-control" id="exampleInputName2" pattern="^[a-zA-Z ]+$" title="Letters Only" placeholder="Student Name" NAME="newusername" required>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" NAME="newuserpass" required>
</div>
<div class="checkbox text-right">
<label for="accounttype">Account Type</label>
<select name="securitylvl" id="accounttype" required>
<option value="" selected></option>
<option value="student">Student</option>
<option value="faculty">Faculty</option>
<option value="admin">Admin</option>
<option value="accounting">Accounting</option>
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary btn-sm" onclick="printContent('div1')">Print Content</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="Submit" class="btn btn-primary">Create</button>
</div>
</form>
</div>
</div>
</div>
</div>
这是我用来打印内容的脚本
<script>
function printContent(el){
var restorepage = document.body.innerHTML;
var printcontent = document.getElementById(el).innerHTML;
document.body.innerHTML = printcontent;
window.print();
document.body.innerHTML = restorepage;
}
</script>
【问题讨论】:
-
您是否遇到任何 javascript 错误?
-
你的问题到底是什么?
-
我没有收到任何 javascript 错误,但是在我打印页面后,其他功能会像其他按钮一样停止工作,并且 href 链接在页面刷新之前不起作用
标签: javascript php html twitter-bootstrap