Rumah > hujung hadapan web > Tutorial Bootstrap > bootstrap-select下拉框如何清除选中的状态?

bootstrap-select下拉框如何清除选中的状态?

青灯夜游
Lepaskan: 2020-12-08 11:05:05
ke hadapan
4679 orang telah melayarinya

bootstrap-select下拉框如何清除选中的状态?

相关教程推荐:《bootstrap视频教程

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

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

如【图1】

图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",&#39;0&#39;);//将下拉列表属性lang置为初始值</span>
Salin selepas log masuk

或者这样:

document.getElementById("selectid").options.length = 0;
Salin selepas log masuk

但是我们找了很多方法对于bootstrap-select下拉框都不会生效,其实就是因为bootstrap-select需要在清楚的基础上对当前的下拉框进行刷新,重新载入

代码如下:

    document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始状态
    $("#searchPayState").selectpicker(&#39;refresh&#39;);//对searchPayState这个下拉框进行重置刷新
Salin selepas log masuk

以上代码即可解决问题

更多编程相关知识,请访问:编程学习!!

Atas ialah kandungan terperinci bootstrap-select下拉框如何清除选中的状态?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan