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

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清除选中的状态恢复默认状态，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap # select清除选中状态 # BootStrap的select2既可以查询又可以输入的实现代码 # BootStrap select2 动态改变值的方法 # bootstrapValidator bootstrap-select验证不可用的解决办法 # Bootstrap select多选下拉框实现代码 # BootStrap中关于Select下拉框选择触发事件及扩展 # Bootstrap框架下下拉框select搜索功能 # BootStrap selectpicker # JS组件Bootstrap Select2使用方法解析 # 下拉框 # 小编 # 在此 # 基础上 # 给大家 # 找了 # 解决问题 # 该如何 # 当我们 # 要将 # 涉及到 # 所述 # 给我留言 # 感谢大家 # 疑问请 # 有任何 # 中经 # 就是因为 # class # pre

返回目录在线咨询

上一篇：探索未来科技，打造梦想生活空间
下一篇：C#中如何记录详细的XML解析错误日志？方便快速回溯问题

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求