Question

单击编辑按钮，我打开与该行关联的模态对话框。我正面临一个问题之前的图像没有重置。

重现的步骤：

在第一行，单击编辑按钮（蓝色按钮）
打开模态对话框，单击选择图像更改图像。
现在点击关闭按钮。
最后点击Second Row Blue Buton，你会看到错误的图像被打开。

这是我的代码

$('#addEquip').on('show.bs.modal', function(e)
{
        var equipmentname = $(e.relatedTarget).attr('data-equipmentname');
        var equipmentid = $(e.relatedTarget).attr('data-equipmentid');
        var equipimg = $(e.relatedTarget).attr('data-equipimg');
        $(e.currentTarget).find('input[name="equipname"]').val(equipmentname);
        $(e.currentTarget).find('input[name="equipid"]').val(equipmentid);
        $(e.currentTarget).find('input[name="equipimgtodelete"]').val(equipimg);
        $(e.currentTarget).find('input[name="equipimg"]').val("");
        $("#equipmentpicimg").attr('src', equipimg);
});

$('#addEquip').on('hide.bs.modal', function()
{
$('#equipinsertform').bootstrapValidator('resetForm', true);
});

Answer 1

您可以在模态窗口关闭后重置表格，方法是在隐藏的模态事件中添加：

$(this).find('form')[0].reset();

此外，我更喜欢使用hidden.bs.modal而不是hide.bs.modal

^{hide.bs.modal：在模式即将被隐藏时发生。}

^{hidden.bs.modal：在模式完全隐藏时（CSS转换完成后）发生}

这样的事情：

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

Updated Fiddle

如何在Bootstrap Modal关闭时重置Image

1 个答案: