BootStrapSelect清除选中的状态恢复默认状态
PC端项⽬中经常会出现⼤量的数据列表页⾯,涉及到下拉框选择筛选条件;
当时⽤到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢?
如【图1】
当我们选择摸⼀个条件之后
如【图2】
bootstrap项目此时点击重置按钮要将【图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>
或者这样:
但是我们了很多⽅法对于bootstrap-select下拉框都不会⽣效,其实就是因为bootstrap-select需要在清楚的基础上对当前的下拉框进⾏刷新,重新载⼊
代码如下:
$("#searchPayState").selectpicker('refresh');//对searchPayState这个下拉框进⾏重置刷新
以上代码即可解决问题
以上所述是⼩编给⼤家介绍的BootStrap Select清除选中的状态恢复默认状态,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。