如何清理(销毁)Twitter Bootstrap 3.2模态表单内容

时间:2014-10-20 19:05:31

标签: javascript jquery html css twitter-bootstrap

我有一个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);
});

也许这"销毁"是为了别的东西而我却得不到它。无论如何here是我演示问题的小提琴:

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

我想避免这种行为,怎么做?

1 个答案:

答案 0 :(得分:5)

如果将reseting表单简化为原始状态,也许它对您有用吗?

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

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