javascript - 在 Bootstrap 模式关闭事件上重置表单

标签 javascript jquery twitter-bootstrap

所以我有一个数据表,您可以选择一行,它从表中获取数据并将其放入模态中的表单中,所有这些都有效,但是当我关闭模态时我想重置表单。

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

但是当我关闭模式时,表单不会重置。

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

最佳答案

我认为您不需要 shown.bs.modal 事件来以模式显示数据。

请删除此事件后尝试。

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

并编辑此:

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

对此:

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

关于javascript - 在 Bootstrap 模式关闭事件上重置表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38957592/

相关文章:

jquery - stopPropagation() 阻止子级 onClick 函数

javascript - 光滑 slider 内的 Bootstrap 模式

twitter-bootstrap - SASS 导入顺序错误

javascript - 在不覆盖原始 this 的情况下 react 子回调绑定(bind) this

javascript - Javascript Maps 是否有一定数量的可以设置的键,或者它们是否有一定数量的可以完成的键操作?

javascript : function to execute at a later point in time once variables updated

javascript - HTML 视频循环重新下载视频文件

jquery - 如何从可用列表中选择每六个可见 LI 元素

javascript - 使用 jQuery 获取内部样式属性

user-interface - 什么是 Twitter Bootstrap UI?