如何清除bootstrap模态隐藏

如何在解雇/隐藏/关闭时清除引导模态？

我有以下模态定义：

 Add New Comment  

包含Modal的局部视图

 @Html.Partial("_CreateComment", Model) // Partial view which contains modal 
 
 
 @using (Ajax.BeginForm("AddComment", "Blog", new AjaxOptions { HttpMethod = "POST", InsertionMode = InsertionMode.Replace, UpdateTargetId = "comments", OnSuccess = "$('#myModal').modal('hide');" })) { 
  ×  
Add Comment
 
 
 @Html.ValidationSummary(true) @Html.HiddenFor(model => model.Blog.BlogID) 
 @Html.LabelFor(model => model.BlogComment.Comment) @Html.TextAreaFor(model => model.BlogComment.Comment, 4, 104, new { @class = "form-control" }) @Html.ValidationMessageFor(model => model.BlogComment.Comment) 
 
 
 Save changes Close 
 } 
 
  

这是我用来清除内容的javascript：

 $(function () { //clear modal cache, so that new content can be loaded $('body').on('hidden.bs.modal', '.modal', function () { $(this).removeData('bs.modal'); }); }); 

如果我在输入某些内容后提交模式或提交时，表单中的内容不清楚？

Answer 1

这是最简单的修复：

 $('#myModal').on('hidden.bs.modal', function () { $(this).find("input,textarea,select").val('').end(); }); 

Answer 2

根据存在的输入类型使用val('')并使用#myModal而不是body

 $('#myModal').on('hidden.bs.modal', function () { $('.modal-body').find('textarea,input').val(''); }); 

DEMO