在Boostrap模态关闭事件上重置表单

Question

所以我有一个数据表，你可以选择一行，它从表中获取数据，并将其放入一个模式中的形式，所有这些工作，但当我关闭模态我想重置表格。

$('.modal').on('hide.bs.modal', function () {
    // reset form
    $('#user_form').trigger('reset');
});

但当我关闭模态时，表单不会重置。

演示 - http://codepen.io/anon/pen/VjggYo

Answer 1

我认为你不需要shown.bs.modal事件来显示模态中的数据。

在删除此事件后请尝试。

$('.modal').on('shown.bs.modal', function () { }

并编辑：

$(this).find('input').each(function (index) {

对此：

$('.modal').find('input').each(function (index) {

Answer 2

为什么需要重置表单？ 如果每次选择行时都填充表单，则模态中的表单将始终显示所选行的相关数据。

我处理这些情况的方法是使用AngularsJS的数据绑定来管理表单中的数据。 要重置表单，只需在Angular Controller中重置关联的模型即可。

$scope.myModel = {}