模態框關閉後清空模態框裡填寫的資料
阿新 • • 發佈:2019-01-01
問題描述:使用者充值功能,使用模態框填寫充值資訊。充值確定後,第二次開啟模態框裡面展示的是上一次填寫的資訊。
網上搜索了清空模態框的方法,如下這種。試了 沒用!不好使!好氣哦!
$('body').on('hidden.bs.modal', '.modal', function () {
$(this).removeData('bs.modal');
});
然後就尋思著手動清空,這種能實現效果,如果表單內容很多的話就有點雞肋了。。
$('#modal-recharge').on('click','.btn-success', function (e) { $('#userId').val(""); $('#amount').val(""); $('#modal-stackable-modifystate').modal('hide'); });
最終版方案,由於模態框裡面使用form表單提交資料,可以使用form的reset方法實現表單重置。
$('#modal-recharge').on('hidden.bs.modal', function (){
document.getElementById("contentForm").reset();
});