bootstrap-select下拉框怎么清除选中的状态

小编给大家分享一下bootstrap-select下拉框怎么清除选中的状态,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

错那网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站设计等网站项目制作,到程序开发,运营维护。创新互联于2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

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

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

如【图1】

bootstrap-select下拉框怎么清除选中的状态

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

如【图2】

bootstrap-select下拉框怎么清除选中的状态

此时点击重置按钮要将【图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下拉框怎么清除选中的状态”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享题目:bootstrap-select下拉框怎么清除选中的状态
网站URL:http://bzwzjz.com/article/gccdeo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站建设流程 品牌网站建设 定制网站建设 教育网站设计方案 成都网站设计 重庆手机网站建设 成都营销网站建设 专业网站设计 成都企业网站制作 高端网站建设 成都网站设计 成都网站设计 成都网站建设 网站制作报价 成都网站建设 成都响应式网站建设公司 成都网站设计 企业网站设计 营销网站建设 重庆网站制作 高端定制网站设计