BootStrap Select清除选中的状态恢复默认状态 - CSDN文库

select清除选中状态

select清除选中状态

148 浏览量更新于2023-03-16 收藏 43KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

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

PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；当时用到bootstrap-select下拉框时

该如何点击重置按钮就清除下拉框的选中状态呢？下面通过本文给大家介绍下，需要的的朋友参考下吧

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清除选中的状态恢复默认状态，希望对大家有所帮助，如果大家有任何疑问请

给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38623919

粉丝: 5
资源: 929

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈