1. 程式人生 > >模態框關閉後清空模態框裡填寫的資料

模態框關閉後清空模態框裡填寫的資料

問題描述:使用者充值功能,使用模態框填寫充值資訊。充值確定後,第二次開啟模態框裡面展示的是上一次填寫的資訊。

網上搜索了清空模態框的方法,如下這種。試了 沒用!不好使!好氣哦!

$('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();
});