bootstrap中modal框数据不清空，怎么解决

Question

今天在开发中遇到了一个问题，前框框架用的还bootstrap，在调用出modal之后，再次调用发现上一次的数据还在，并不会自动删除。尝试过

<script>
$("#myModal").on("hidden.bs.modal", function() {
    $(this).removeData("bs.modal");
});
</script>

但是并不能解决问题。请问如何解决？

Answer 1

你说的数据应该是jQuery绑定在模态框上的数据吧，如果是的话，你看看你绑定数据的时候绑定的对象是不是$("#myModal")

Answer 2

用Js在Modal框关闭时，将Modal框内元素中数据强制置为空

Answer 3

$('#myModal').on('hidden.bs.modal', function () {
    $('#fm').data('bootstrapValidator').destroy();
    $('#fm').data('bootstrapValidator', null);
    clearForm($('#fm'));
    formValidator();    //重新加载验证
});

    //清空文本框内容
function clearForm(form) {
    // input清空
    $(':input', form).each(function () {
        var type = this.type;
        var tag = this.tagName.toLowerCase(); // normalize case
        if (type == 'text' || type == 'password' || tag == 'textarea')
            this.value = "";
            // 多选checkboxes清空
            // select 下拉框清空
        else if (tag == 'select')
            this.selectedIndex = -1;
    });
};

我是又手动清空了一次  

Answer 4

楼主怎么解决的？ 我用的3.3.6 也是关闭不清空数据

Answer 5

我也遇到啦这个问题，怎么解决呢，求大神帮忙