BootStrap Select清除选中的状态恢复默认状态

前端之家收集整理的这篇文章主要介绍了BootStrap Select清除选中的状态恢复默认状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件;

当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢?

如【图1】

图1

当我们选择摸一个条件之后

如【图2】

这里写图片描述

此时点击重置按钮要将【图2】的状态回到【图1】,我们会使用很多方法,比如:

属性lang置为初始值 $("#loc_city_search").attr("lang",'0');//将下拉列表属性lang置为初始值 $("#loc_town_search").attr("lang",'0');//将下拉列表属性lang置为初始值 $(".txt_classification").attr("lang",'0');//将下拉列表属性lang置为初始值 $(".txt_industry").attr("lang",'0');//将下拉列表属性lang置为初始值 $(".txt_segmentation").attr("lang",'0');//将下拉列表属性lang置为初始值 $(".customer_busi_status2").attr("lang",'0');//将下拉列表属性lang置为初始值 $("#searchkey").attr("lang",'0');//将下拉列表属性lang置为初始值

或者这样:

但是我们找了很多方法对于bootstrap-select下拉框都不会生效,其实就是因为bootstrap-select需要在清楚的基础上对当前的下拉框进行刷新,重新载入

代码如下:

以上代码即可解决问题

以上所述是小编给大家介绍的BootStrap Select清除选中的状态恢复默认状态。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Bootstrap相关文章