bootstrap-select下拉框如何清除选中的状态？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

相关教程推荐：《bootstrap视频教程》

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>

或者这样：

1	`document.getElementById("selectid").options.length = 0;`

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

代码如下：

1 2	`document.getElementById("searchPayState").options.selectedIndex = 0;` `//回到初始状态` `$("#searchPayState").selectpicker('refresh');//对searchPayState这个下拉框进行重置刷新`

以上代码即可解决问题

更多编程相关知识，请访问：编程学习！！

以上就是bootstrap-select下拉框如何清除选中的状态？的详细内容，更多文章请关注木庄网络博客！