js代码:
/**
* 清空相册模态框
* mymodal模态框的id,modalform模态框内form的id
*/
$('#mymodal').on('hidden.bs.modal', function() {
document.getElementById("modalform").reset();
})
html页面代码:
<div class="modal fade" id="mymodal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" style="font-family: cursive;">新建相册</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" id="modalform"
autocomplete="off">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="field-3" class="control-label">添加相册名称</label> <input
type="text" class="form-control" id="uploadalbum"
name="uploadalbum" placeholder="相册名称">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-info">保存</button>
</div>
</form>
</div>
</div>
</div>
</div>
举个栗子:这个是其他项目的js文件