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

网友投稿 529 2023-05-06


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

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

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

如【图1】

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

如【图2】

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

$("#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置为初始值

$("DCJbpCY.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清除选中的状态恢复默认状态,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:深入浅析Java Object Serialization与 Hadoop 序列化
下一篇:java实现接口的关键字(java实现接口的关键字有哪些)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~