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

Question

So i have a data table that you can select a row and it gets the data from the table and puts it into a form thats in a modal all of that works but when i close the modal i wanna reset the form.

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

but when i close the modal the form isnt reset.

demo - http://codepen.io/anon/pen/VjggYo

Answer 1

I think you do not need shown.bs.modal event to show data in modal.

Pleas try after removing this event.

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

And edit this :

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

To this:

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

Answer 2

Why do you need to reset the form? If the form is populated each time a row is selected, then the form in the modal will always show the relevant data from the selected row.

The way I deal with these situations is to use AngularsJS's data binding to manage data in forms. In order to reset a form, you simply reset the associated model in the Angular Controller.

$scope.myModel = {}