Net önyükleme modalında gizlenme

Question

Kapatma/gizle/kapatıldığında önyükleme modunu nasıl temizlersiniz?

Aşağıdaki Modal tanımı var:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 
    Add New Comment 
</button> 

Kısmi görünümü

@Html.Partial("_CreateComment", Model) 


// Partial view which contains modal 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
     @using (Ajax.BeginForm("AddComment", "Blog", new AjaxOptions 
      { 
       HttpMethod = "POST", 
       InsertionMode = InsertionMode.Replace, 
       UpdateTargetId = "comments", 
       OnSuccess = "$('#myModal').modal('hide');" 

      })) 
     { 
     <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
       <h4 class="modal-title" id="myModalLabel">Add Comment</h4> 
     </div> 
     <div class="modal-body"> 
       @Html.ValidationSummary(true) 
       @Html.HiddenFor(model => model.Blog.BlogID) 

       <div class="form-group"> 
        @Html.LabelFor(model => model.BlogComment.Comment) 
        @Html.TextAreaFor(model => model.BlogComment.Comment, 4, 104, new { @class = "form-control" }) 
        @Html.ValidationMessageFor(model => model.BlogComment.Comment) 
       </div> 

     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-primary">Save changes</button> 
      <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
     </div> 
     } 
    </div> 
    </div> 
</div> 

Modal içerir Ve bu içeriği temizlemek için kullanıyorum javascript:

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

    }); 
}); 

Modal sahip olduktan sonra reddeder bazı içeriğe girdikten sonra veya formdaki içerikler açıklanmadı mı?

Answer 1

kullanın:

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

}); 

Answer 2

mevcut giriş türlerine göre kullanın val('') ve bu en kolay düzeltmedir #myModal yerine body ait

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

DEMO