Maison > interface Web > Tutoriel d'amorçage > Comment effacer l'état sélectionné dans la liste déroulante bootstrap-select ?

Comment effacer l'état sélectionné dans la liste déroulante bootstrap-select ?

青灯夜游
Libérer: 2020-12-08 11:05:05
avant
4678 Les gens l'ont consulté

Comment effacer l'état sélectionné dans la liste déroulante bootstrap-select ?

Tutoriels associés recommandés : "Tutoriel vidéo bootstrap"

Un grand nombre de pages de liste de données apparaissent souvent dans les projets PC, impliquant des listes déroulantes cases Sélectionnez les conditions de filtre ;

Lors de l'utilisation de la liste déroulante bootstrap-select, comment puis-je cliquer sur le bouton de réinitialisation pour effacer l'état sélectionné de la liste déroulante et le restaurer à l'état par défaut ?

Comme dans [Image 1]

Comment effacer létat sélectionné dans la liste déroulante bootstrap-select ?

Quand nous choisissons de toucher à une condition

Comme dans [Image 2]

Comment effacer létat sélectionné dans la liste déroulante bootstrap-select ?

À ce moment, cliquez sur le bouton de réinitialisation pour ramener l'état de [Image 2] à [Image 1]. Nous utiliserons de nombreuses méthodes, telles que :

            $("#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>
Copier après la connexion

. ou ceci :

document.getElementById("selectid").options.length = 0;
Copier après la connexion

Mais nous avons trouvé de nombreuses méthodes qui ne fonctionneront pas pour la liste déroulante bootstrap-select. En fait, c'est parce que bootstrap-select doit actualiser la liste déroulante actuelle sur un. base claire et rechargez-la

Le code est le suivant :

    document.getElementById("searchPayState").options.selectedIndex = 0; //回到初始状态
    $("#searchPayState").selectpicker(&#39;refresh&#39;);//对searchPayState这个下拉框进行重置刷新
Copier après la connexion

Le code ci-dessus peut résoudre le problème

Pour plus de connaissances liées à la programmation, veuillez visiter : Apprentissage en programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal