在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 = {}