BootStrap Select清除选中的状态恢复默认状态
作者:LLDD2014425程序猿 时间:2024-04-28 09:42:05
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清除选中的状态恢复默认状态网站的支持!
来源:http://blog.csdn.net/lldd2014425/article/details/73482977
标签:bootstrap,select,选中状态
0
投稿
猜你喜欢
Oracle中PL/SQL复合数据类型
2024-01-22 07:17:47
对于Python中线程问题的简单讲解
2023-12-28 10:16:31
win10 安装mysql 8.0.18-winx64的步骤详解
2024-01-24 06:54:04
sql server 2008 忘记sa密码的解决方法
2024-01-26 22:48:16
Hadoop-3.1.2完全分布式环境搭建过程图文详解(Windows 10)
2023-08-06 07:04:50
python自动化测试selenium核心技术三种等待方式详解
2023-09-16 09:06:04
页面设计之个性元素与共性元素
2008-07-17 12:36:00
用SQL语句解决mysql导入大数据文件的问题
2024-01-13 05:52:23
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2022-09-07 14:11:23
having的用法以及与where区别介绍
2024-01-17 09:55:44
如何制作K线图?
2010-06-29 17:25:00
MySQL启动连接的命令以及与PHP程序连接的基本语法
2023-11-14 22:27:26
windows+apache+mod_python配置django运行环境
2021-02-01 04:06:54
python3.7中安装paddleocr及paddlepaddle包的多种方法
2022-08-11 00:00:57
SQL Server技巧之快速得到表的记录总数
2011-01-04 14:36:00
JS 函数的 call、apply 及 bind 超详细方法
2024-04-30 10:42:28
div、section、article 的区别
2011-02-26 15:39:00
Python调用实现最小二乘法的方法详解
2022-07-04 16:31:00
Scala项目构建工具sbt和IntelliJ IDEA环境配置详解
2023-06-09 10:16:03
一文带你感受Go语言空结构体的魔力
2024-05-05 09:30:15