从品牌网站建设到网络营销策划,从策略到执行的一站式服务
PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件;
创新互联主营船山网站建设的网络公司,主营网站建设方案,成都app软件开发公司,船山h5成都小程序开发搭建,船山网站营销推广欢迎船山等地区企业咨询
当时用到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置为初始值
或者这样:
document.getElementById("selectid").options.length = 0;
但是我们找了很多方法对于bootstrap-select下拉框都不会生效,其实就是因为bootstrap-select需要在清楚的基础上对当前的下拉框进行刷新,重新载入
代码如下:
document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始状态 $("#searchPayState").selectpicker('refresh');//对searchPayState这个下拉框进行重置刷新
以上代码即可解决问题
以上所述是小编给大家介绍的BootStrap Select清除选中的状态恢复默认状态,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图