bootstrap-select中拉框清除选中的状态的方法是什么
导读:这篇文章主要介绍了title,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望大家通过这篇文章可以有所收获。 PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件;当时用到bootstrap-s...
这篇文章主要介绍了title,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望大家通过这篇文章可以有所收获。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中拉框清除选中的状态的方法是什么”的介绍了,感谢各位的阅读,希望文本对大家有所帮助。如果想要了解更多知识,欢迎关注网络,小编每天都会为大家更新不同的知识。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: bootstrap-select中拉框清除选中的状态的方法是什么
本文地址: https://pptw.com/jishu/654017.html