当前位置： 移动技术网 > IT编程>开发语言>JavaScript > BootStrap Select清除选中的状态恢复默认状态

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

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

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

如【图1】

图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清除选中的状态恢复默认状态，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网