在bootstrap模态框中有form及其他相关生态组件时会有很多坑需要规避。
- 在点击关闭后不会清理缓存数据。
- bootstrap-select组件在清理选项后,ui还是不会更新。
下面我提供了一个工具类供大家参考,因为在网上搜索了好久都没找到好的解决方法,只能自己写了。
function removemodaldata(){
$('body').on('hidden.bs.modal', '.modal', function () {
var fm=$('form.form-horizontal.container');
for (var i=0;i<fm.length;i++){
fm[i].reset();
var select=$(fm[i]).find("[class=selectpicker]");
for (var j ;j<select.length;j++) {
select[i][0].options.selectedIndex = 0;
}
select.selectpicker('refresh');
}
});
}
需要注意的是.find("[class=selectpicker]")
找的是class=selectpicker
的下拉选。
这个方法目前自己用还是比较好用的。