当模态关闭时，不会重置bootstrap模式中的表单输入字段

Question

我在bootstrap模式中有一个表单。它第一次是空的，但是当我第二次打开它时，它仍然包含先前填充的字段。我试过

<script>
$(function() {
    $('.modal').on('hidden.bs.modal', function(){
        $(this).removeData('bs.modal');
    });
});

但它无法正常工作

Answer 1

你可以做一件事。当你关闭模态时，清除输入，textarea字段。因此，当下次打开模态时，所有字段都将为空。

$('.modal').on('hidden.bs.modal', function (e) {
  $(this)
    .find("input,textarea,select")
       .val('')
       .end()
    .find("input[type=checkbox], input[type=radio]")
       .prop("checked", "")
       .end();
})

http://jsfiddle.net/5LCSU/