BootStrap Select清除选中的状态恢复默认状态
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢？狼蚁网站SEO优化通过本文给大家介绍下，需要的的朋友参考下吧
PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；
当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢？
如【图1】
当我们选择摸一个条件之后
如【图2】
此时点击重置按钮要将【图2】的状态回到【图1】，我们会使用很多方法，比如：
$("#loc_province_search").attr("lang",'0');//将下拉列表属性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置为初始值</span>
或者这样：
document.getElementById("selectid").options.length = 0;
但是我们找了很多方法对于bootstrap-select下拉框都不会生效，其实就是因为bootstrap-select需要在清楚的基础上对当前的下拉框进行刷新，重新载入
代码如下：
document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始状态
$("#searchPayState").selectpicker('refresh');//对searchPayState这个下拉框进行重置刷新
以上代码即可解决问题
以上所述是长沙网络推广给大家介绍的BootStrap Select清除选中的状态恢复默认状态，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！