如何清理(销毁）Twitter Bootstrap 3.2模式表单内容

How to clean (destroy) Twitter Bootstrap 3.2 modal form content

本文关键字：模式 表单 Bootstrap 何清理 销毁 Twitter      更新时间：2023-09-26

我有一个Twitter Bootstrap模式，在这里我显示了一些表单元素。我试图清理BS隐藏/关闭上的所有表单元素内容，但我做错了，因为下面的代码都不起作用：

$('body').on('hidden.bs.modal', '.modal', function () {
    $(this).removeData('bs.modal');
});
$('.modal').on('hide.bs.modal', function () {
    $('.modal').removeData();
})
$("#addNorma").on('hidden.bs.modal', function () {
    $(this).data('bs.modal', null);
});

也许这个"破坏"是为了别的东西，我不明白。无论如何，这里有一把小提琴，我展示了问题：

  • 打开模态并在任何输入中写入内容
  • 关闭模态
  • 再次打开模态，您将看到内容

我想避免这种行为，怎么做？

简单地将表单重置为其原始状态，也许它对您有用？

$("#addNorma").on('hide.bs.modal', function () {
    $(this).find('form')[0].reset();
});

演示：http://jsfiddle.net/kk3xr15m/1/

相关文章：