引导选择清除选中的状态恢复默认状态

  

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

  

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

  

如【图1】

  

引导选择清除选中的状态恢复默认状态

  

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

  

如【图2】
  

  

引导选择清除选中的状态恢复默认状态

  

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

        $ (" # loc_province_search ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" # loc_city_search ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" # loc_town_search ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" .txt_classification ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" .txt_industry ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" .txt_segmentation ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" .customer_busi_status2 ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值   $ (" # searchkey ") .attr(“朗”、“0”);//将下拉列表属性朗置为初始值& lt;/span>之前      

或者这样:

        .options . getelementbyid (“selectid”)。长度=0;      

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

  

代码如下:

        .options . getelementbyid (“searchPayState”)。selectedIndex=0;//回到初始状态   $ (" # searchPayState ") .selectpicker(“更新”);//对searchPayState这个下拉框进行重置刷新      

以上代码即可解决问题

  

以上所述是小编给大家介绍的引导选择清除选中的状态恢复默认状态,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

引导选择清除选中的状态恢复默认状态