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

发布时间 - 2026-01-11 01:58:17    点击率:

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


# bootstrap  # select清除选中状态  # BootStrap的select2既可以查询又可以输入的实现代码  # BootStrap select2 动态改变值的方法  # bootstrapValidator bootstrap-select验证不可用的解决办法  # Bootstrap select多选下拉框实现代码  # BootStrap中关于Select下拉框选择触发事件及扩展  # Bootstrap框架下下拉框select搜索功能  # BootStrap selectpicker  # JS组件Bootstrap Select2使用方法解析  # 下拉框  # 小编  # 在此  # 基础上  # 给大家  # 找了  # 解决问题  # 该如何  # 当我们  # 要将  # 涉及到  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 中经  # 就是因为  # class  # pre 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何实现API资源集合?(Resource Collection教程)  如何在Tomcat中配置并部署网站项目?  如何快速查询网址的建站时间与历史轨迹?  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Laravel如何处理和验证JSON类型的数据库字段  音响网站制作视频教程,隆霸音响官方网站?  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  Laravel如何创建自定义中间件?(Middleware代码示例)  如何在局域网内绑定自建网站域名?  Laravel怎么使用Intervention Image库处理图片上传和缩放  javascript基本数据类型及类型检测常用方法小结  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  Laravel如何配置Horizon来管理队列?(安装和使用)  如何快速搭建二级域名独立网站?  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  高端智能建站公司优选:品牌定制与SEO优化一站式服务  公司网站制作价格怎么算,公司办个官网需要多少钱?  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  手机软键盘弹出时影响布局的解决方法  如何在云服务器上快速搭建个人网站?  如何自定义建站之星网站的导航菜单样式?  长沙企业网站制作哪家好,长沙水业集团官方网站?  PHP 500报错的快速解决方法  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  javascript基于原型链的继承及call和apply函数用法分析  大学网站设计制作软件有哪些,如何将网站制作成自己app?  如何在七牛云存储上搭建网站并设置自定义域名?  如何快速配置高效服务器建站软件?  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  如何在IIS中新建站点并配置端口与IP地址?  制作旅游网站html,怎样注册旅游网站?  非常酷的网站设计制作软件,酷培ai教育官方网站?  如何在景安服务器上快速搭建个人网站?  如何用AI帮你把自己的生活经历写成一个有趣的故事?  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  bootstrap日历插件datetimepicker使用方法  如何制作一个表白网站视频,关于勇敢表白的小标题?  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  Android滚轮选择时间控件使用详解  米侠浏览器网页图片不显示怎么办 米侠图片加载修复  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  再谈Python中的字符串与字符编码(推荐)  如何快速搭建支持数据库操作的智能建站平台?